가장 쉬운 리액트 / 타입스크립트 / Node.js 강좌 (🎁 6/30까지 만원 이벤트중 - 고정댓 확인)
- 얄코의 리액트, 타입스크립트, Node.js 강의 무료 파트 통합 영상 📚.
- 각 강의 기초 부분 수강 후, 전체 강의 구매 가능 (고정 댓글 링크 확인) 🔗.
- 대학생 반값 쿠폰 및 할인 정보 고정 댓글 확인 🎓.
- 리액트는 프론트엔드 개발 업계에서 가장 많이 사용되는 도구 중 하나 👍.
- 리액트의 핵심: 반응성, 재사용성, JSX 문법, 가상 돔 🚀.
- 노드 js는 자바스크립트 코드를 컴퓨터가 이해하도록 통역하는 도구 🤖.
- VS 코드 터미널에서
node -v
명령어로 Node.js 설치 확인 ✅.
- Material Icon Theme 플러그인 설치로 파일 및 폴더 아이콘 직관성 향상 🎨.
- 크롬 또는 엣지에 React Developer Tools 확장 설치 권장 🛠️.
- 비트를 사용하여 리액트 프로젝트 생성 (npm create vite@latest) ⚙️.
npm install
명령어로 package.json 파일의 라이브러리 다운로드 📦.
npm run dev
, npm run build
, npm run preview
명령어로 개발, 빌드, 미리보기 실행 🖥️.
- 로컬 호스트와 포트 번호 (5173, 4173) 이해: 개발 및 배포 환경 구분 🌐.
- 개발자 도구 (요소 탭)를 통해 웹페이지 렌더링 결과 (DOM) 확인 👀.