인생 디벨로퍼

Index 1. 노드 js 설치하기 2. 프로젝트 생성 3.생성한 리액트 프로젝트 실행 4. Hello World 띄우기 5. 부수적인 추가 패키지 설치 더보기 1. 노드 js 설치하기 https://nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org cmd 창에서 node -v 노드 버전을 확인한다. 2. 프로젝트 생성 cmd 창에 프로젝트 생성 명령어를 입력한다. 프로젝트를 설치할 폴더를 찾은 후, 다음 명령어 입력. npx create-react-app [프로젝트 이름] >> 패키지 설치과정에서 빠진게 있을때 다음과 같은 오류가 생긴다. npm -g install..

Index 1. 객체 조작법 2. 모든 프로퍼티 읽기 3. HTML 출력 더보기 객체 (object) 란? 여러 프로퍼티를 가지고 있는 데이터의 집합 1. 객체 조작법 객체 작성 var 변수명 = {} ; var 변수명 = {프로퍼티명1:데이터, 프로퍼티명2:데이터, ..... , 프로퍼티명x:데이터} ; 프로퍼티 읽기 console.log(jsbook.title); console.log(jsbook['price']); 프로퍼티 변경하기 jsbook.stock = 10; 2. 모든 프로퍼티 읽기 for ... in 문 : 객체의 프로퍼티를 모두 읽어내기 위한 전용 반복문 프로퍼티명을, 변수 p 에 대입. 프로퍼티에 저장된 데이터를 jsbook[p] 로 읽어옴 >> 배열과 다르게, 객체는 순서에 관심이 없..

Index 1. 인덱스틑 0 부터 시작! 2. 배열 항목 읽어오기 3. 항목추가 4. 생성 더보기 배열이란? 배열 : 여러 데이터를 하나로 모아 관리. -> 한개의 변수만 있으면 되서, 데이터 관리가 쉬워짐. var 배열명 = [] ; 1. 인덱스는 0 부터 시작! index 4 는 존재하지 않기때문에, undefined 가 뜬다. 2. 배열 항목 읽어오기 for 문을 사용해서, i 를 0 부터 시작해 1씩 증가하며 반복시킨다. 3. 항목 추가 배열에 항목을 추가하기 배열 => 객체 이다. 따라서, 메소드와 프로퍼티를 가짐 메소드명 의미 변수명.pop() 배열 마지막 데이터 삭제 변수명.push(데이터) 배열 마지막 데이터 추가 변수명.shift() 배열 첫번째 삭제 변수명.unshift(데이터1,데이터..

1페이지 2페이지 3페이지 이전으로 다음으로 팝업창 띄워 페이지 전환 효과 등등 나중에 또 필요할거 같아서 메모