IT깡패's의 코딩스토리&게임&취미

개인적으로 만들고 있는 프로그램에서 PDF 파일 내 텍스트를 가져와야하는 일이 있어서 사용했던 소스를 간략하게 정리해봅니다. pdfbox를 사용해서 PDF 파일을 읽어올 것이기 때문에 pdfbox dependency를 추가하거나 jar를 받습니다. 지금 버젼에 쓸 수 있는 pdfbox버젼을 올리겠습니다ㅎㅎ https://mvnrepository.com/artifact/org.apache.pdfbox/pdfbox/2.0.19 org.apache.pdfbox pdfbox 2.0.27 commons-io commons-io 2.6 사용법은 아주 간단합니다~ 소스를 보시죠! String fileName = "2020_03.pdf"; File source = new File(fileName); PDDocument..

*기본설정 -기본으로 설정하기(datepicker 달력) -input type의 유동성(text를 쓰냐 date를 쓰냐!) 이 부분은 Datepicker 달력을 기본으로 사용하기 위해서든 응용으로 사용하기위해서든 쪼금 잘 살펴봐야 할 점이다 ㅇㅅㅇㅋㅋ 만약기본적인 퍼블이나 js 또는 html 같은 개발에서는 text를 많이 쓰는 것을 선호하나 jsp나 spring boot같이 컨테이너 형태나 기본틀로 개발하는 프로젝트같은 경우에는 date를 쓰는 게 좋다! 왜냐하면 가끔 jsp나 spring의 경우 기본경로 같은게 틀려서 jquery cdn주소나 라이브러리를 넣는데도 text가 안먹히는 경우가 있다. 그럼 이런 경우엔 별로 안중요하게 여기는 부분이라 text보다는 date를 쓰는 것이 좋다!! 일자: *..

Nodemon은 프로젝트 폴더의 파일들을 모니터링 하고 있다가 파일이 수정되면 서버를 자동으로 restart 시켜주는 패키지입니다. 한마디로 실시간 수정이 가능하므로 한번실행하면 수정하고 다시 서버를 다시 안켜도 실행될것이라는 얘기입니다!! -설치하기 npm install nodemon --save-dev --> 이거 npm nodemon 뒤에 --save-dev쪽은 로컬에서만 사용하겠다는 의미이므로 node.js랑은 딱맞는 명령어라고 생각합니다!ㅋㅋ -error 만약 저거를 shell이나 개발툴에서 깔다가 npm Warn,, 어쩌구저쩌구 하는 명령오류가 막 뜬다면 package.json이 없다는 얘기이므로 요것을 설치하기 위한 명령어를 치고 워킹 디렉토리에 있는 path를 확인해주면 됩니다~ npm i..

(주의) 현재 Nodejs 설치시 14버전이나 16버전 찾아서 설치하시면 됩니다 리액트로 웹을 만들기 위해선 개발환경 셋팅이 필요합니다. Nodejs 최신버전, VS Code 에디터부터 우선 설치한 뒤 create-react-app 라이브러리로 프로젝트를 생성하면 끝입니다. (참고) 버전에러 등으로 강의와 똑같은 리액트 버전에서 코딩하고 싶다면 1. 하단 첨부파일을 압축푸신 뒤에 그 폴더를 에디터로 오픈합니다. 2. 에디터 상단에서 Terminal - New Terminal 오픈하신 다음 npm install 을 입력하시면 필요한 라이브러리들이 설치됩니다. 3. 이제 똑같이 코딩하시면 됩니다. (문제가 생길경우 그럴 때 빼곤 굳이 저랑 똑같은 버전을 맞출 필요는 없습니다.) 1. 일단 Node.js와 V..

php쪽 과련 그누보드랑 워드프레스쪽 유지보수 프리랜서 일을 하다가 alert창을 꾸미고 위에 주소창도 바꿀 수 있는 방법이 무엇이있을까 고민을 하게 되었습니다~~ ㅇㅅㅇ!! 최종프로젝트나 대규모프로젝트에서나 사용하는데요~ 보통 때는 alert창을 써도 되는데 alert창을 꾸미거나 내용도 바꾸기 위해서 사용할 수 있는 방법은 SweetAlert2창 종류들을 쓰는 것입니다. 이 알람창의 좋은 점은 alert창을 꾸밀 수도 있지만 시간이나 텍스트도 설정할 수 있다는 점입니다. 자유자재는 아니지만 유유하게 경고창 버튼창들도 수정할 수 있다는 좋은 장점을 가지고 있습니다! https://sweetalert2.github.io/#download SweetAlert2 A beautiful, responsive, ..

안녕하세요~ IT깡패's입니다~ㅎㅎㅎ 오늘도 포스팅을 올리고 있는데요~ 현재 외주쪽을 받아서 프리로 잠깐 일하고 있는데요!! 거기서 php를 이용하고 있습니다~~ ㅇㅅㅇ!! 그래서 php를 로그인팝업을 띄워서 확인한후 취소하면 팝업창이 아닌 다시 다른 페이지로 이동시켜주었습니다. php로 이용해서 팝업창을 취소하고 팝업창으로 가는게 아니라 다른 페이지로 이동하게끔하는 처리방법을 사용하려면 일단 부모창과 자식창 이름을 주어서 이동하게끔 해주면 됩니다. 간단하면서도 알맹이있는 작업이죠~ㅎㅎㅎ 일단 팝업창인 로그인창을 띄우고 거기서 로그인을 누르면 로그인 팝업창이 닫히면서 db에 쿼리값을 확인하고 로그인되게끔 되어있습니다. 소스와 결과창을 확인하시면 이해가 되실겁니다~ㅎㅎㅎ - login.php(body lo..

안녕하세요! 저번 시간이 이어서 바로 php를 이용한 회원가입을 한번 해보려고요~ php로 중복체크할 때, 필수로 회원가입이 되려고 한다면 이메일 사용할 수 있다는 경고창이 뜬다고 했어죠?? 네 맞습니닼ㅋㅋ 저는 한번 더 회원가입하는 것도 되는지 테스트하고 회사에서 사용하기위해 만들었던 내용입니다~ 특히 웹호스팅(사이트)쪽으로 배포하는 느낌으로다가 사용하기위함으로 워드프레스라는 php로 된 사이트를 사용하기 위해 만들었었습니다. 기본적으로 개념은 회원가입페이지에서 중복체크와 마찬가지로 php끼리 페이지를 이동시키고 회원가입을 할 수 있게끔 해주는 원리였는데요~ 원래 웹호스팅을 사용하는 사이트라면 어디서든지 회원가입이나 로그인이 필요한데, 워드프레스에서는 자동으로 관리자만 로그인을 할 수 있는 기능이 있기..

자 이제 간단하게 servlet과 controller을 view쪽인 jsp로 연동해볼껀데요ㅎㅎㅎ 한번 보실까요!!ㅋㅋ - Coolsms.java, Https.java 이 두개는 coolsms api가 잘 연동하고 작동되도록 도와줍니다~~ 여기서는 제너럴키쓰는자바함수를 썼는데요~ image도 저장되고 글도 저장되게끔 해주죠~ㅎㅎ 그리고 Controller가 있는데요~ 이 세개연동하는데 꽤 시간걸리더라고요 ㅇㅅㅇㅋㅋㅋ coolsms api는 몇건주고 유료화되는 시스템빼곤 괜찮은 api인거 같습니다. 많이 이용하보도록 하십시요,, - smsController.java 컨트롤러에서는 api_key, api_secret키를 넣었고 밑에는 간단한 휴대폰 인증 api함수인 to, from, text, type의 내용..

안녕하세요~ it깡패's인데요~ 또 일주일만에 글을 올려보려고 합니다!! 요즘 코로나로 밖에도 못나가고 계시는 분들도 많으실텐데요~ 그럴때일수록 내실을 다지고 자기에 대한 개발이나 노력에 힘쓰는 것도 좋을 것 같네요~ㅎㅎㅎ 제가 쓰려는 글을 전자정부프레임워크에서 휴대폰인증하는 방법인데요~ 저는 휴대폰인증 API로 coolsms를 사용해보았는데요~ㅇㅆㅇ;; 요것은 간단하게 휴대폰 토큰인증문자은 문자로 오게되게되면서 자바console이나 크롬colsole에 내용이 나오게되는 형식이라고 보면됩니다. DB를 사용해도 되는데 저는 그냥 간단하게 인증하고 확인하는용도로 사용해보았습니다!! 소스를 다음장에 올릴꺼고요~ 소스코드는 사진이나 그림으로 올려보도록 하겠습니다~ 이해안되시거나 오류가 난 경우에는 source를..

지난시간에 이어 이번에도 글자타이핑효과에 대해서 글을 써볼껀데요~ㅋㅋ 이번엔 쫌 긴 소스,, 즉 p태그, span태그 등의 css의 기본적인 태그들로 자동글자효과를 내는 것에 대해서 알아보겠습니다. 자 기본적인 php나 html5폼태그를 사용해서 폼을 구성한 후 css&javscript를 덫붙혀서 아웃트라인을 잡아주면 되는데요. 기본적인 소스들을 적어보겠습니다. TypingTest입니다. 자 이렇게하면 기본적인 흰색배경과 div class의 회색배경에 p태그에 들어간 텍스트글자가 자동으로 써지게 될 것입니다. 결과는 동영상으로 확인해보시고요~ 이 정도는 만들어야 크몽이나 일반적인 웹사이트에 만들어진 것과 같은 유사한 효과를 낼 수 있습니다. 여기서 더더욱 간단하게 만들순 없을 것 같네요~ 아니면 php나..