리액트14 [Learning React] 2장 - 리액트를 위한 자바스크립트 2.0 리액트를 위한 자바스크립트 - 초기 JS는 웹 페이지에 상호작용 추가하기 위해 만들어진 용도 - ECMAScript - ES5: 2009년, 새로운 배열 처리 메서드, 객체 프로퍼티, JSON 지원 라이브러리 등 - ES6 (ES2015) - ESNext (현재 제안 단계): 향후 자바스크립트 명세에 들어갈 요소 2.1 변수 선언하기 - ES2015 전까지는 var 사용 - const 키워드 - 상수: 값을 변경할 수 없는 변수 - 상수에 값 재할당 불가 (TypeError 발생) - let 키워드 - JS는 Lexical Variable scoping 지원 - 변수의 영역을 코드 블록 안으로 한정시킬 수 있음 - 블록 안에서 글로벌 변수 보호 가능 - 템플릿 문자열 - 문자열 concatenat.. 2022. 1. 28. [Learning React] 1장 - 리액트 소개 1.0 리액트 소개 - Why React? (피트 헌트) - 작은 라이브러리 - JS 안에서 HTML 코드 작성 가능 (JSX) - 전처리 필요 => 웹팩 - 생산성 높음 1.1 튼튼한 토대 - 사전 학습: JS (배열, 객체, 함수, ...) - 함수형 프로그래밍 - 가독성, 재사용성, 테스트 가능성 좋은 패턴 더 많이 활용 -> 더 뛰어난 JS 개발자로 성장 - 컴포넌트를 사용한 UI 구현 - 컴포넌트 compose (합성), prop과 state를 이용하여 로직 추가 - 리액트 훅스; 컴포넌트에 대한 상태 로직 재사용 가능 - 훅스와 서스펜스; 데이터 읽어올 때 도움 - 라우팅, 테스팅, 서버 사이드 렌더링 1.2 리액트의 과거와 미래 - 페이스북 엔지니어 조던 워크가 리액트 개발 - JS Conf.. 2021. 12. 11. 이전 1 2 3 4 다음 반응형