
강의 및 강사 소개React.js로 만드는 감성 일기장 프로젝트 진행목표1\. JS 프론트 엔드 개발자로의 첫 발 딛음2\. 단순히 기술을 사용하는 게 아닌 이해하는 사람3\. 처음 만난 문제도 해결할 수 있는 사람4\. cs 기본 개념을 알고 활용하는 사람React

웹사이트는 HTML, CSS, Javascript 3가지 언어로 만들어 짐HTML요소들의 배치와 내용을 기술하는 언어색이나 크기 등의 디자인 xCSS색, 크기, 애니메이션 등을 정의하는 스타일링을 위한 언어Javascript웹사이트에 활력,동작을 부여하는 언어ex) 사
let 사용하여 변수 선언변수 이름 선언 규칙1\. 변수명에 기호사용 x2\. ,$ 사용 가능3\. 변수명은 반드시 문자로 시작4\. 예약어 사용 xvar를 사용해도 변수 선언 가능\-> let은 변수 중복 불가const를 사용하여 상수 선언상수 vs 변수\-> 상수는

자바스크립트 -> 정수형, 실수형 구분 x 백틱? -> ${}문자열안에 변수의 값을 집어넣게 해줌템플릿 리터럴boolean형null형변수를 선언했는데 아무것도 할당하지 않으면 undefined형형변환묵시적 형변환 : 문자와 숫자의 사칙연산은 자동으로 이루어진다.명시적
1.대입연산자let a = 12.산술연산자\+,-,\*,/,% ...3.연결연산자문자열 + 문자열4.복합연산자\+=, -=, \*=, /=5.증감연산자a++, a--\-증감연산자는 붙이는 위치에 따라 값이 다름전위연산자,후위연산자6.논리연산자! : not&& : 모두

자바스크립트 코드는 브라우저 내장 자바스크립트 엔진을 이용하여 실행\-> 브라우저마다 자신만의 엔진을 사용그중에서 크롬브라우저 V8엔진이 대표적브라우저에 내장된 엔진을 사용해야하기 때문에 자바스크립트는 웹브라우저에서만 사용가능하다고 배움브라우저는 HTML문서를 기반으로
LTS 버전 / 현재 버전안정 / 불안정LTS 버전 다운extensionprettiermaterial icon themectrl + shift + p

appearance - show panel (ctrl + j)GUI (Graphic User Interface)아이콘을 클릭해서 실행시키는 행위는 명령을 하는 것CLI (Command Line Interface)터미널에 타이핑을 하여 명령을 실행하는 것node한테 in
Node Package Manager

\-> React는 Component 기반의 UI 라이브러리jQuery / ReactDOM이란? Document Object Model, 문서객체모델웹브라우저가 html을 해석해서 보여주는데 트리형태로 변환시켜놓은 형태\-> DOM에 변화생기면 렌더트리를 재생성하고 (