![]()
※Windows 환경에서 설치하는 방법입니다. 1. 몽고 DB : 데이터베이스 2. 몽고 DB 컴파스 : 워크벤치같이 시각화해서 볼 수 있다. 1. 설치 MongoDB 서버를 사용하려면 우선 설치부터 해야 합니다. https://www.mongodb.com/try/download/community Try MongoDB Community Edition Try MongoDB Community Edition on premise non-relational database including the Community Server and Community Kubernetes Operator for your next big project! www.mongodb.com Install MongoDB ..
![]()
1. Node 설치 확인하기 node --version 2. 프로젝트 생성하기 mkdir back yarn init-y 이 작업을 하고 나면 디렉터리에 pakage.json 파일이 생성됩니다. 3. Koa 웹 프레임워크 설치하기 yarn add koa 설치한 뒤 다시 한번 pakage.json을 열어 보면, koa가 dependencies에 추가되어 있을 것입니다. 4. ESLint와 Prettier 설정 두 기능을 VSC에서 사용하려면 VS 마켓플레이스에서 Prettier-Code formatter와 ESLint 확장 프로그램을 설치해둔 상태여야 합니다. yarn add --dev eslint yarn run eslint --init Prettier 설정하기 디렉터리에 다음 파일을 만드세요. .pret..
소스코드의 표준화와 자동 포매팅을 수행해, 소스 코드의 품질을 유지하는데 도움을 주는 도구들을 설치해 보도록 하겠습니다. 다음 플러그인들을 설치합니다. typescript-eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint-plugin-prettier eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-import npm install --save-dev prettier eslint typescript-eslint @typescript-eslint/parser@6.1.0 @typescript-eslint/eslint-plugin eslint-config-prettier e..
![]()
Next.js 프로젝트를 생성하기 위해서 아래와 같은 명령어를 사용하여 만들었습니다.(pages 폴더 없이 생성하는 명령어) npx create-next-app@latest --ts 버전이 올라가면서 폴더 구조가 바뀐 건지 pages 폴더가 없습니다 이럴 경우, 먼저 빈 폴더를 만들어주시고 그 폴더로 이동해서 아래 명령어를 입력해 주세요.(pages 폴더 생성) npx create-next-app@12.1.0 --typescript ./ 조금만 기다리시면 프로젝트가 생성됩니다. 사진에서 보이는 것처럼 pages폴더가 생성되었습니다. 저는 src 폴더를 새로 만들어서 그 안에다가 pages와 styles를 넣어 정리했습니다. HTML 삽입 미리보기할 수 없는 소스
