.env 파일이란 무엇인가? .env 파일 형식은 간단한 key=value 쌍으로 이루어진 텍스트 파일이다 시스템의 환경 변수를 정의하는 데 사용되는 셀 스크립트 문법에서 유래했다고... .env는 'enviroment'의 약자인 것. .env 파일 형식을 사용하는 이유 보통 API_KEY를 저장한다던지, DATABASE_URL을 적어두는데 많이 사용한다. 민간함 정보를 코드에서 분리하여 하드코딩하는 것을 방지하는 목적이다.API_KEY=YOUR_SECRET_KEYDATABASE_URL=postgres://user:password@host:port/dbname .env 파일 작성하는 법 위처럼 변수 이름은 대문자와 언더스코어(_)로 구성하는 것이 관례다. 관례는 적당히 따라줘야 간지라는 ..

GitHub에 있는 리드미(readme) 파일은 마크다운 서식을 사용한다. * 참고로 readme 파일은 VSCode에서 직접 수정할 수도 있고, GitHub에서 수정할 수도 있다. Next.js로 프로젝트를 생성한 경우에, readme에 자동으로 실행방법 등이 기재되어 있을텐데, 이 내용은 살려두고, 그 위에 자신의 메모를 입력하고 싶을 수 있다. 그럴 때, 문단 구분선으로 ***. ---, ___ 등의 구분자를 사용할 수 있다. 나는 ___ 방식을 쓰는 편 참고로 이렇게 GitHub 홈페이지에서 직접 리드미 파일을 수정해줬다면, 맥 VSCode 터미널이나, 맥 터미널(프로젝트가 있는 폴더에서) 아래 명령어를 쳐서, 로컬-GitHub에서 쓰는 프로젝트 파일을 동기화 시켜줄 필요가 있다...

사전 준비 사항npm과 Node.js는 당연히 설치가 되어 있다고 가정합니다.나한테 Node.js가 있는지 없는지, npm이 있는지 없는지 모른다면 아래 글 참조https://spacechild.net/607 프로젝트 생성하기 1. 프로젝트(폴더)를 생성할 폴더로 이동한다 저는 보통은 Projects/ 밑에 프로젝트 폴더를 만드니까, Projects 폴더로 이동합니다. Next.js는 프로젝트 생성 명령어를 치면, 프로젝트가 생기면서 자동으로 폴더가 생성이 됩니다. 해당 폴더가 곧 프로젝트인 개념입니다. 2. 프로젝트 생성 명령어 실행 터미널에 아래 명령어 중 하나를 칩니다. 제일 많이 쓰는 건 npm 방식# npmnpx create-next-app@latest my-app# pnpmpnpm c..

안녕하세요. 스페이스차일드입니다. ChatGPT 유료버전을 쓰고 있는데,GitHub Copilot에서 제공하는 ChatGPT 버전은 늘 단독 ChatGPT 버전보다 낮더군요. 오늘은 ChatGPT 단독 앱과 VSCode를 연동하는 방법에 대해서 알아봅시다. 맥에 VSCode와 ChatGPT가 둘다 깔려 있다는 가정하에 진행합니다. 1. ChatGPT 하단의 저 모양을 클릭하면, work with...옵션에서 Code가 나옵니다. 설정한 적이 없으니 'Set up'이라고 나옵니다. 클릭 2. VSCode 내부 익스텐션 설치화면이 나오면서 CodeX가 나옵니다. ChatGPT를 만든 Open AI사가 만든 익스텐션이네요. 인스톨. 인스톨 하려고 하면, 이거 만든 애를 믿냐고 ..

맥에서 ChatGPT를 앱으로 사용하고 있습니다. 아주 유용하게 잘 쓰고 있는데, 최초 설정 때 분명히 무슨 옵션을 켰던 것 같습니다. 저는 평소에 맥에서 바탕화면(데스크탑)을 여러 개 쓰는 기능을 잘 쓰는데. 어느 날 갑자기, ChatGPT 앱이 어느 화면으로 전환을 해도 항상 따라오는 겁니다. 예를 들어, 한쪽 화면에서 ChatGPT를 쓰다가, 다른 화면에 띄워 놓은 VSCode로 돌아가면, ChatGPT가 따라와서 다른 화면에서도 같은 위치에 항상 떠 있는 식입니다. 여간 불편한게 아니더군요. 몇 번을 검색을 해 봐도 해결법이 제대로 나오지 않았는데, 오늘 에러난 챗GPT 앱을 끄려고 독에 있는 챗GPT 앱을 우클릭했다가 발견했습니다. ChatGPT 앱 우클릭 > Options ..

npm 패키지 배포란? npm은 Node.js 생태계의 대표 패키지 레지스트리입니다. npm에 패키지로 배포한다는 것은 내 프로젝트(코드/함수)를 하나의 라이브러리/모듈로 만들어서 다른 개발자가 npm install로 바로 가져다 쓸 수 있게 공개하는 것을 말합니다. npm은 전 세계 단일 네임을 사용하기 때문에, 같은 이름을 쓸 수 없습니다. 만약 npm에 패키지로 배포를 하려고 한다면, 같은 이름을 쓰는 패키지가 있는지 확인해봐야 합니다. npm에 내가 쓰려고 하는 패키지 네임이 있는지 확인하는 법 3가지 1. npmjs.com에서 직접 검색 해보기 https://www.npmjs.com/ 사이트에 들어가서 내가 원하는 이름을 검색해봅니다. 예를 들어 'ACE-BED'라는 명칭이 있는지 검색해보는 ..