사람과 AI 사이 그 어딘가

AI가 짜준 코드를 실행하려는데 "npm install"이나 "pip install"부터 나와서 막힌 적 있으신가요. 2026년 7월 기준으로 정리하면, 패키지 매니저는 프로그램에 필요한 부품(패키지)을 명령어 한 줄로 자동 설치해주는 도구이고, 자바스크립트는 npm, 파이썬은 pip을 씁니다. 이 글을 읽으면 패키지 매니저가 왜 필요한지, npm과 pip이 각각 뭘 하는지, AI가 준 코드에 왜 install 명령이 붙는지를 한 번에 이해할 수 있습니다.패키지 매니저는 필요한 코드 부품을 자동으로 설치·관리해주는 도구입니다. npm은 자바스크립트용, pip은 파이썬용이고, 둘 다 "설치 명령어 한 줄"과 "필요한 다른 부품까지 알아서 챙김"이라는 핵심은 똑같습니다.패키지 매니저가 대체 뭐야?패키지 매니..

서버·개발/코드 노트 2026. 7. 24. 06:24

핫 리로드는 코드를 고쳐서 저장하면 브라우저를 새로고침하지 않아도 바뀐 부분이 화면에 바로 나타나는 기능입니다. 2026년 7월 기준으로 웬만한 개발 도구에는 기본으로 들어 있고, AI로 코딩을 시작한 초보라면 처음 며칠 안에 반드시 마주치게 됩니다. 이 글을 읽으면 "핫 리로드"라는 말이 정확히 뭘 가리키는지, 왜 이게 개발 속도를 크게 바꾸는지, AI로 코딩할 때 왜 특히 편해지는지를 한 번에 정리할 수 있습니다.핫 리로드는 코드 저장 순간 화면에 결과가 즉시 뜨는 "실시간 미리보기"입니다. 예전처럼 고칠 때마다 새로고침하고 기다릴 필요가 없어, 수정하고 바로 확인하는 과정이 훨씬 빨라집니다.예전엔 왜 불편했을까코드를 조금 고쳐서 화면이 어떻게 바뀌는지 보고 싶다고 해봅시다.예전 방식은 이랬습니다.코..

서버·개발/코드 노트 2026. 7. 21. 21:14

의존성(dependency)은 내 프로그램이 제대로 돌아가려고 빌려다 쓰는 남의 코드(부품)를 말합니다.2026년 7월 기준으로, AI에게 코딩을 시키다 보면 "이 패키지에 의존한다"는 표현을 자주 만나게 됩니다.이 글을 읽으면 의존성이 정확히 무슨 뜻인지, 왜 그게 줄줄이 이어지는지, 그리고 왜 신경 써야 하는지를 비유 하나로 잡을 수 있습니다.의존성은 내 코드가 기대고 있는 남의 코드입니다. 그 부품이 또 다른 부품에 기대고, 그게 줄줄이 이어져 사슬(의존성 트리)이 됩니다. 부품 하나에 문제가 생기면 내 앱까지 흔들릴 수 있어서, AI가 추천한 것이라도 결국 한 번은 확인이 필요합니다.의존성이 뭐야, 기댄다는 말부터의존한다는 건 말 그대로 "기댄다"는 뜻입니다.내가 만든 코드가 혼자서는 못 하는 일..

서버·개발/코드 노트 2026. 7. 21. 07:18

node_modules는 npm으로 설치한 코드 부품이 전부 쌓이는 창고 폴더이고, package.json만 있으면 언제든 다시 만들 수 있어서 지워도 됩니다. 2026년 7월 기준으로, AI가 짜준 코드를 처음 돌려보다 이 폴더를 열면 파일 수천 개에 용량은 수백 MB라 당황하기 쉽습니다. 이 글을 읽고 나면 이게 왜 이렇게 무거운지, 그리고 왜 마음 놓고 지워도 되는지가 정리됩니다.node_modules는 설치한 코드 부품이 실제로 쌓이는 창고입니다. 무거운 건 부품이 또 다른 부품에 줄줄이 기대고 있어서고, package.json과 잠금 파일만 있으면 통째로 다시 만들 수 있어서 지워도 됩니다.node_modules가 대체 뭔가먼저 npm부터 짧게 짚고 갑니다.npm은 코드 부품을 받아오는 앱스토어..

서버·개발/코드 노트 2026. 7. 21. 06:40

package.json은 프로젝트의 이름·버전과 필요한 코드 부품 목록이 적힌, 프로젝트의 신분증 같은 파일입니다.2026년 7월 기준으로, AI에게 코드를 만들어 달라고 하면 폴더 안에 거의 항상 이 파일이 들어 있습니다.이 글을 읽으면 package.json이 왜 있는지, 안에 뭐가 적혀 있는지, 그리고 이게 AI 코딩과 무슨 상관인지까지 한 번에 정리됩니다.package.json은 이 프로젝트가 무엇이고(이름·버전), 무엇을 필요로 하는지(부품 목록)를 한 장에 적어둔 파일입니다. 이 파일 하나만 있으면 어디서든 필요한 부품을 다시 설치할 수 있습니다.package.json은 프로젝트의 신분증입니다package.json은 프로젝트 폴더의 맨 위에 놓이는 작은 텍스트 파일입니다.이름 그대로 "패키지(..

서버·개발/코드 노트 2026. 7. 21. 05:35

Node.js는 원래 웹 브라우저 안에서만 돌던 자바스크립트를, 내 컴퓨터나 서버에서도 실행할 수 있게 해주는 도구입니다.2026년 7월 기준으로, AI에게 코드를 짜달라고 하면 십중팔구 이 Node.js가 깔려 있어야 돌아가는 결과물이 나옵니다.이 글을 읽고 나면 "왜 코드에 자꾸 node라는 단어가 붙는지", 그리고 "이걸 왜 깔아야 하는지"가 정리됩니다.Node.js는 자바스크립트를 브라우저 밖에서도 실행하게 해주는 도구입니다. 웹 안에서만 살던 언어에게 여권을 줘서, 내 컴퓨터와 서버 밖으로 나가게 한 것이라고 보면 됩니다.Node.js가 대체 뭔가요자바스크립트는 원래 웹 브라우저 안에서만 사는 언어였습니다.크롬이나 사파리 같은 브라우저를 켜야만 겨우 움직일 수 있었습니다.브라우저 밖, 그러니까 ..

서버·개발/코드 노트 2026. 7. 21. 01:05

npm은 남이 만든 코드 부품을 명령어 한 줄로 내려받아 쓰게 해주는 자바스크립트의 앱스토어입니다.2026년 7월 기준, AI에게 코딩을 시키면 거의 매번 npm install이라는 줄이 따라옵니다.이게 뭔지 모르면 AI가 준 코드를 복사해도 왜 실행이 안 되는지 알 길이 없습니다.이 글을 읽으면 npm이 무엇이고, npm install이 실제로 무슨 일을 하는지 비유 하나로 감이 잡힙니다.npm은 자바스크립트 코드 부품을 모아둔 거대한 앱스토어이자, 그 부품을 내 프로젝트로 내려받는 설치 도구입니다. npm install 이름은 앱스토어에서 앱을 골라 설치 버튼을 누르는 것과 같습니다.npm이 대체 뭘까npm은 "노드 패키지 매니저(Node Package Manager)"의 줄임말입니다.쉽게 말하면 자..

서버·개발/코드 노트 2026. 7. 20. 19:58