반응형 개발18 [0] Next.js 준비 1. Node.js 설치 (있으면 최신화) https://nodejs.org/ko/download - 환경에 맞게 다운로드하여 설치하면 된다. 2. VSC 설치 (있으면 패스) https://code.visualstudio.com/Download - 좋은 무료 에디터 3. 작업공간(폴더) 생성 - 대충 윈도우 바탕화면에 이런식으로 만들어 봄 4. create-next-app 실행 npx create-next-app my-first-next-app --use-npm - 버전 9.6.7인데 9.8.1로 올리라고 해서 우선 업데이트 후 다시 시도 npm install -g npm@9.8.1 - 이것저것 설치할거냐고 물어 본 후 자동설치 끝 5. VSC와 WEB에서 확인 - 파일 > 폴더열기 > 바탕화면 > n.. 2023. 8. 24. jquery datepicker 하나의 입력창 달력 여러 개 여러개의 입력창에 여러개달력은 예제가 많지만 하나의 input에 여러 달력을 띄우는 옵션은 찾기 힘들었음 multi datepicker in one input 이라고 해야하나 알고보면 사실 엄청 간단함 $(function() { let date1 = $('#date1'); date1.datepicker({ numberOfMonths: [ 1,2 ] }); }); [1,2] 는 1 x 2 라는 뜻. [3.3] 하면 3x3으로 9개가 나옴. 2023. 1. 20. NodeJS를 이용한 채팅서버 구축 하기(express, Socket.io, Redis) -2- 지난 시간에 이어서 계속 진행하도록 하겠습니다. 1편 : 2022.12.29 - [개발/NodeJS] - NodeJS를 이용한 채팅서버 구축 하기(express, Socket.io, Redis) -1- 1. 아래 명령어를 입력하여 Redis를 설치합니다. npm install socket.io-redis 2. 혹시 windows에 redis가 없다면 같이 설치해 줍니다. 링크 들어가서 msi파일 다운로드 및 설치 https://github.com/microsoftarchive/redis/releases window에 설치된 경로는 c:\ProgramFiles\Redis 입니다. 폴더로 이동하여서 redis-server.exe를 더블클릭하여 실행시켜 봅니다. 혹시 에러가 뜨거나 cmd창이 깜빡하고 사라진다.. 2023. 1. 18. [실용주의 프로그래머 리뷰] 1. 깨진 창문을 내버려 두지 말라. 도심에서 어떤 건물은 아름답고 깨끗한 반면, 어떤 건물은 썩어 가는 유령선 같다. 왜일까? 깨끗하고 온전하며 사람들이 거주하던 건물이 부서지고 황폐한 을씨년스러운 곳으로 금세 바뀌어 버리는 이유는 뭘까? 도시 부패를 연구하는 사람들이 아주 흥미로운 유인 메커니즘을 발견했다. 깨진 창문. 오랜 기간 수리하지 않고 방치된 창문 하나 때문에 거주자들에게 버려진듯한 느낌이 스며든다. 당국자들이 그 건물에 별 관심이 없다는 느낌 말이다. 그래서 다른 창문이 하나 더 깨진다. 사람들이 쓰레기를 함부로 버리기 시작한다. 벽에 낙서가 등장한다. 심각한 구조적 손상이 시작된다. 깨진 창문을 내버려 두지 말라. 나쁜 설계, 잘못된 결정, 혹은 형편없는 코드 등이 모두 깨진 창문이다. 발견하자마자 바로 고쳐라. 적절히 고칠.. 2023. 1. 11. [클린코드 리뷰] 5. TDD, 테스트 코드를 깨끗하게 유지하자. 작은 회사는 TDD(Test Driven Development / 테스트 주도 개발)를 못한다. 그 회사들 중 절반은 TDD가 뭔지도 모를 것이고, 나머지 절반은 알아도 여력이 없어서 못한다고 말하리라. 하지만 여력이 없다는 핑계로 테스트케이스를 만들지 않은 대가는 결국 부메랑처럼 돌아온다. 그 시스템의 수정은 항상 불안하며 버그를 발생하게 한다. 나 역시 그랬다. 예를들어 기존의 입력폼에 간단한 항목 하나를 추가한다고 해보자. 뷰페이지와 데이터베이스에 추가하는 건 간단하다. 그리고 생각한다. '사용자 정보가 노출되는 페이지, 마이페이지, 관리자 페이지의 목록들과 팝업창, 그리고 어떤 함수에 들어가서 계산이 되는 곳, 혹은 통계페이지, 혹은 리포트, 그리고 엑셀, 워드 등등.. 오케이 다 추가했다!!' .. 2022. 12. 31. NodeJS를 이용한 채팅서버 구축 하기(express, Socket.io, Redis) -1- 준비물 윈도우 환경입니다. VSCode, nodeJS, git 설치해주세요. 모두 현시점의 최신버전으로 설치하시면 됩니다. 1. 파일 > 폴더열기 > 프로젝트 폴더 설정 (저는 NEWCHAT 으로 했습니다.) 2. 터미널 > 새 터미널 (하단에 터미널이 열립니다.) 3. 아래 코드 입력하여 GIT CLONE * 혹시 VSC터미널에서 GIT이 동작하지 않는경우, VSC를 재시작하거나 그냥 CMD에서 하시면됌 git clone https://github.com/socketio/socket.io 4. vsc터미널의 newchat 폴더에서 아래코드 입력하여 설치진행 (폴더선택은 tab키 누르면 편함) cd socket.io npm install 5. socket.io의 chat폴더로 이동하여 한번 더 설치 cd.. 2022. 12. 29. 이전 1 2 3 다음
