728x90
반응형
SMALL

개발 72

[WEB/node.js] node.js nodemon 설치

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

[WEB/javascript] SetTimeout 몇초시간이 지나면 함수를 실행시키기

SetTimeout('call()', 1000); SetTimeout('call()', 10000); SetTimeout('call()', 30000); SetTimeout('call()', 60000); SetTimeout('call()', 360000); call()함수를 1초, 10초, 30초, 1분, 1시간이 지나면 실행!! - 참고 링크 자바스크립트 setTimeout실행시키기 - https://squll1.tistory.com/entry/javascript-setTimeout-%EB%AA%87%EC%B4%88%ED%9B%84%EC%97%90-%ED%95%A8%EC%88%98-%EC%8B%A4%ED%96%89 [javascript] setTimeout 몇초후에 함수 실행 setTimeout('t..

[프론트엔드/React] 리액트 React 설치와 개발환경 셋팅을 해보장!!

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

[Javascript/SweetAlert창] alert창 대신 SweetAlert2창을 써보자!!

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

[WEB/Eclipse] The project cannot be built until build path errors are resolved 에러 해결하기!!!

The project cannot be built until build path errors are resolved 에러 해결 하기 위해서 사용한 방법이 적혀진 링크입니다. 이 에러의 많은 가능성의 이유는 svn에서 받은 프로젝트에서 볼 수 있는데요. 이 때, 가끔 build path에서 webapp을 설정해주었는데도 날 때가 있습니다. 이럴경우~~~ 밑에 링크에 가셔서 해결점을 찾아보시고 참고하시어 보시면 되겠습니다!!! - 참고 링크 build path errors - https://tnsgud.tistory.com/542

[eGov/Eclipse]Eclipse 프로젝트 Import 시 Lib가 Build Path에 적용안되는 경우!!

기존 svn이나 git에서 받은 프로젝트를 import하면 되는데, 가끔 lib 디렉토리가 Build Path에 Web App Libraries로 추가 안되는 경우 해결 방안~!@#!@# 1) 이클립스에 프로젝트 선택하고,,, 2) 프로젝트 선택후 오른쪽 마우스 Click -> Properties 3) Project Facets -> Check Dyanmic Web Module and Java Version 4) Apply and Ok Setting. - 참고 링크 이클립스 build path 해주기 - https://hermeslog.tistory.com/298

[WEB/PHP] 이클립스 PHP 파일 인코딩 바꾸기!!

이클립스에서 php를 설치하고 사용할 때, properties가 가끔 utf-8인데도,, 한글 인코딩이 깨질때가 있음! 그럴때 쓰는 방법 중 하나가 바로 이 방법임.,. Menu -> Window > Preferences -> General -> Content Types 에서 'Text' 탭을 열면 'PHP Content Type'이 나온다. 하단에 Default encoding을 바꿔주고 우측의 'Update' 버튼을 누르면 됨!! 이 때,, UTF-8을 했는데도 한글이 깨져버린다면 EUC-KR로 바꿔주면 한글이 나오게됨요! 그렇다면 프로젝트 세팅은?? clean은?? ㅎㅎㅎ

[WEB/PHP] php를 사용한 자바스크립트에서 exit(0)를 사용해보자!!

안녕하세요~ IT깡패's입니다~ㅎㅎㅎ 오랜만에 글을 올리게 됬는데요~!!! 요번 글을 exit(0)에 대해서 알아보도록 하겠습니다!!! exit(0)의 의미란?? 종료,,, 즉 바로 강제종료를 하라는 뜻인데요~ 한가지 예를들면 안드로이드 native app에서 그냥 버튼을 눌러서 종료가 아닌 프로그램에서 바로 종료하는 키가 있는데요~ 그것을 떠올리시면 되겠습니다~ㅋㅋㅋ 요새는 c언어쪽이나 파이썬에서도 많이 볼 수 있습니다!! 자바나 php에서 switch case문에 break가 있다면 if문엔 exit(0)이 있다고 생각하시면 되겠네요~ㅎㅎ var productCoin = "0"; if(payment_Code3 == "1"){ productCoin = "2"; likeTicket = "1"; }else..

[WEB/PHP]php를 이용한 팝업창 취소하면 다른 페이지로 이동시키기!!

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

[WEB/PHP]php를 이용한 팝업창 가운데로 고정하기!!

php를 이용해서 a링크를 누르면 팝업창이 가운데로 고정되서되게끔 해주는 방법이 있는데요~ css나 부트스트랩을 사용할때 효과적일 수 있습니다~!! 요즘 반응형웹을 많이 사용하시죠?? 그때 아주 광효과를 보여줄겁니다!!ㅋㅋㅋ 일단 header에 관련된 소스와 팝업창 관련소스를 살펴보시죠~ - index.php(a링크 관련) Search 썬더모두가 경험하고 있는 새로운 이동생활 씽씽 Menu HOME INTRO SOLUTION GUIDE COMMU LOGIN / SIGN UP Search Search for: Close search - index.php(팝업창 관련) 여기서 LOGIN / SIGN UP이라 되있는 링크로된 스크립트가 있는데요~ 이것을 눌러보면 팝업창이 가운데로 고정되서 뜨는 것을 확인할 수..

728x90
반응형
LIST