✏ 개발 기록

Github 계정에 로그인하고 Add Project를 클릭하면 빌드 가능한 프로젝트들이 나와있습니다.현재 빌드하려고 하는 프로젝트가 목록에 없는 상황입니다.  1. 우선, 프로젝트 검색창에 아무 값이나 입력해 주세요 저는 프로젝트 명의 일부분인 flaw라고 입력했습니다.  2. Configure GitHub App 버튼을 클릭하세요.  3. Github 계정 옆에 Configure을 클릭하세요.  4. 스크롤을 내려서 Select repositories에서 빌드할 프로젝트를 선택합니다.

폴더명을 바꾸려고하니 아래와 같은 에러가 발생했습니다. 저번에도 폴더명을 바꾸거나 폴더를 이동시키려고 할 때 발생했던 에러였는데 또 발생하네요. 빈번하게 발생하는 오류인 것 같으니 해메지 않게 해결방법을 정리해보겠습니다. Error: EPERM: operation not permitted 관리자권한이 필요한 폴더내에 node.js 프로젝트 폴더가 있어서 생기는 에러라고합니다. (파일 삭제는 가능한데 생성하거나 이름을 변경하려고 하면 에러 문구가 뜨면서 안된다...) 검색해보니, powershell로 캐시를 삭제하는 방법으로 해결하는 것 같은데 같은 방법을 적용해봐도 해결이 되지 않습니다 1. 현재 실행되고있는 vsc를 종료한다. 2. cmd를 관리자 권한으로 실행하고 해당 위치로 경로를 이동 후 아래 명..

※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 삽입 미리보기할 수 없는 소스