728x90 리엑트2 [유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 - 리엑트 기초2 Node.js - 크롬 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 - Node.js는 이벤트 기반, 논블로킹 I/O 모델을 사용해 가볍고 효율적이다. NPM - NPM(Node Package Manager) : Node.js 패키지 관리자 - 노드가 자바스크립트 프로그램을 컴퓨터에서도 실행할 수 있게 해준다. - Node.js 기반 100만개 이상의 패키지(모듈) - npx를 사용하여 다운로드하지 않고 패키지를 실행할 수 있다. - 여러 버전의 코드 및 코드 종속성 관리가 가능하다. - 유사한 문제와 프로젝트를 진행 중인 다른 개발자를 찾을 수 있다. npm - package.json으로 패키지 관리 npx 명령어 - npm 설치 : npm install 패키지명 - 전역 설치한 패키지는 pa.. 2023. 6. 23. [유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 - 리엑트 기초1 리액트 탄생 배경 리액트 사용 이유 - UI 컴포넌트를 만들고 재사용 하는데 매우 용이합니다. 1. UI 컴포넌트를 만들기 2. 만들어진 컴포넌트를 통해 사용자와 인터렉션 3. 화면을 업데이트 하는데 최적화 과제 1. vanilla js로 할 일 목록 만들기 우선 index.html 입니다. 할 일 목록 추가 이것은 기본적인 코드로 뼈대를 잡았습니다. 다음은 강사님의 코드를 참고했지만 최대한 혼자 이해하고 하나씩 console 찍어보면서 해본 script.js // 할 일 목록 만들기 // 내가 생각한 프로세스 // input칸에 입력 -> 추가 버튼을 누르면 입력한 목록값이 안에 생성 -> // 목록값에 삭제버튼도 같이 생긴다. -> 삭제버튼을 누르면 가 사라진다. // 각 id별 변수 설정 const.. 2023. 6. 21. 이전 1 다음 728x90