Front/React5 React 기본 - 간단한 일기장 프로젝트 (1/2) 참고 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!, - 강의 소개 | 인프런 www.inflearn.com 0. 프로젝트 소개 일기장 작성 사이트를 만든다 1. React에서 사용자 입력 처리하기 - userState를 이용하여 작성자 입력란을 만들어준다. - onChange 함수로 매개변수 e 를 이용하여 값을 조작 할 수 있다 빈칸에 값을 입력하려 하면 콘솔창에 onChange 함수가 작동하는 걸 볼 수 있다. 더 상세하게 확인하여 e.target.value 를 보면 - 위의 과정들로는 수정 하.. 2023. 3. 3. React.js 기초 참고 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!, - 강의 소개 | 인프런 www.inflearn.com 1. Why React.js ? 리액트를 사용해야 하는 첫번째 이유!! Shotgun Surgery (산탄총 수술) 산탄총에 맞은 사람들을 수술하는 것 처럼 하나의 문제 때문에 여러개의 중복되는 코드를 수정해야 하는 경우를 이야기한다. 산탄총 수술 문제를 해결하기 위해 공통되는 중복 코드들을 하나의 컴포넌트로 만들어두고 이를 편하게 불러와 사용하도록 한다. (컴포넌트화 방식) 문제가 발생하면 .. 2023. 3. 3. Node.js 기초 참고 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!, - 강의 소개 | 인프런 www.inflearn.com 1. Node.js란? 자바스크립트가 너무 좋다는 걸 점점 느끼다 보니 개발자들이 크롬의 V8엔진(자바스크립트 실행 엔진)을 따로 분리하여 브라우저가 아닌 곳에서도 사용할 수 있도록 만든 실행환경 2. Node.js & VsCode 설치하기 https://nodejs.org/en/ 노드js 다운로드 사이트 LTS (Long Term Support) 장기 지원 버전 >> 우리는 이거 사용할 것 .. 2023. 3. 3. JavaScript 응용 참고 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요. 학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!, - 강의 소개 | 인프런 www.inflearn.com 1. Truthy & Falsy let a = ""; if (a) { console.log("TRUE"); } else { console.log("FALSE"); } >> False let a = "string"; if (a) { console.log("TRUE"); } else { console.log("FALSE"); } >> True let a = []; if (a) { console.l.. 2023. 3. 2. 이전 1 2 다음
