node.js
-
디자이너가 직접 해본 React 포트폴리오 개발 환경 셋팅 — VS Code, Node.js, pnpm 설치 순서React 프론트엔드 2026. 4. 11. 10:00
React로 포트폴리오를 만들어보겠다고 마음먹었는데, 막상 시작하려니 코딩보다 환경 셋팅부터 막혔다.개발자들은 당연하게 쓰는 도구들인데 디자이너 입장에서는 뭘 설치해야 하는지, 어떤 순서로 해야 하는지 전혀 감이 안 온다. 검색과 AI의 도움을 받아가며 하나씩 셋팅했던 과정을 정리해봤다.필요한 것들 한눈에 보기1 Node.js 설치2 VS Code 설치3 pnpm 설치4 로컬 실행 확인1. Node.js 설치React 자체가 Node.js 환경에서 돌아가기 때문에 가장 먼저 설치해야 한다. Node.js 공식 사이트(nodejs.org)에서 LTS 버전을 받아서 설치하면 된다.2. VS Code 설치코드 에디터로 VS Code를 선택했다. 무료고 한국어 지원도 되고 React 개발에 가장 많이 쓰이는 에..