목록2024/01/15 (3)
working_helen
강의명 : 한입 크기로 잘라 먹는 리액트(React.js) - 섹션 5. React 기본 - 간단한 일기장 프로젝트 일기장 입력 + 저장 기본 구조 구축하기 1. 일기장 입력 컴포넌트 : DiaryEditor.js 2. 일기장 목록 컴포넌트 : DiaryList.js 3. 일기장 목록 아이템 컴포넌트 : DiaryItem.js 4. 전체 애플리케이션 컴포넌트 : App.js 일기장 컴포넌트 구조 1. 일기장 입력 컴포넌트 : DiaryEditor.js 1) [state, setState] - State 변수 생성 - 사용자 입력을 받아 값이 변화할 변수들 State 객체 생성 - state = { author, content, emotion'} 2) handleChangeState - State 변수 변..
강의명 : 한입 크기로 잘라 먹는 리액트(React.js) - 섹션 4. React.js 기초 1. State 2. Props 3. 리액트 렌더링(rendering) 4. 실습 예제 1. State - 컴포넌트 내부에서 관리하는 동적 데이터 - 컴포넌트 내부에서 함수를 이용해 값을 변화시킬 수 있는 데이터 import React, {useState} from "react"; const [State의 값 변수, State를 변화시키는 함수] = useState(State 초기값); useState() : 배열을 반환, 배열의 비구조화 할당 count : State 값을 나타내는 변수 setCount : count를 변화시키는 함수 State 값 변수와 State 변화 함수 이름은 유일 (이름 중복 불가) ..
강의명 : 한입 크기로 잘라 먹는 리액트(React.js) - 섹션 3. Node.js 기초 / 섹션 4. React.js 기초 1. Node.js 2. React.js 3. CommonJS vs ES Modules 1. Node.js 1) Node.js의 개념 (Node.js는 공식 홈페이지) Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. ※ 런타임 = 특정 언어로 만든 프로그램들을 실행할 수 있는 환경 - Node.js는 JavaScript 실행 환경 - 기존의 JS는 웹 브라우저를 실행한 상태에서만 사용 가능 - Node.js는 JS를 웹 브라우저 외의 서버 환경에서도 사용할 수 있게 도와주는 역할 2) Node.js의 특징 Node.js =..