React

React 를 사용할 때

페이스북에서 개발한 프론트엔드 프레임워크이다. 리액트는 페이스북을 개발할 때도 사용되었다.원하는 화면을 컴포넌트 단위로 빠르고 효율적으로 구성할 수 있다. 이 때, Virtual DOM(가상 화면)을 이용하여 화면 출력 속도를 높이고 코드 복잡도를 줄였다.Virtual

예전에 ES6에 대한 포스트를 작성한 적이 있지만, 책에 나온 김에 다시 한번 리뷰하면 좋을 것 같다는 생각이 들었다.문자열 안에 변수나 연산을 혼합할 수 있는 문법이다.문자열로 표시하려는 부분은 따옴표 대신 \`\`(backtick)으로 감싸주고, 그 안의 변수나 연

익명함수가 일반 함수와 무엇이 다른지화살표 함수는 익명 함수를 선언하여 변수에 대입하는 방법과 유사사용 방법객체배열htmljquerycommonJs - requireES6 importforEachmapreducecallbackpromiseasync await디바운스 개

이전에 작성한 포스트와 책의 내용을 바탕으로 정리 및 추가를 하는 포스트이다.JSX 를 설명할 때 자바스크립트를 확장한 문법으로, React element 를 생성하고, 컴포넌트를 생성해 UI를 객체화할 수 있다고 작성했었는데,이번에 JSX 가 Javascript XM

컴포넌트의 생성부터 소멸까지의 과정을 Lifecycle 이라고 부른다.출처: Do it! 리액트 프로그래밍 정석 - 박호준 (p.113)

컴포넌트는 클래스형 컴포넌트와 함수형 컴포넌트 두 가지로 나뉘는데, 이 포스트는 클래스형 컴포넌트에 대해 다룹니다. 클래스형 컴포넌트는 이전 포스트에서 설명했던 생명주기(Life cycle) 함수와 컴포넌트 구성 요소를 모두 포함하고 있습니다.특히 클래스형 컴포넌트는

비주얼 테스트: 화면을 구성하는 컴포넌트들을 독립적으로 관리하고 변화를 관찰하고 테스트하기 위한 방법. -> 컴포넌트 문서화를 편리하게 한다.수정 및 재활용하기 쉬워진다.예시에 사용한 코드는 교재와 해당 레포 에서 참조.create-react-app 보일러플레이트로 리