[생활코딩 React 강의] #15 ~ #16 : State와 Props, 그리고 Render
생활코딩(이고잉님)의 React 강의를 보고 배운 내용을 정리하는 게시물입니다. www.youtube.com/watch?v=XMb0w3KMw00&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi 15.1. State 소개 이전시간까지는 React의 기본 기능, 그리고 그 중에서도 중요한 개념인 'Props'에 대해 배웠다. 어떤 사람이 아이폰을 사용한다고 해보자. 아이폰을 사용할 때 터치하는 화면, 볼륨을 높이기 위해 누르는 볼륨 버튼들을 모아서 '사용자 인터페이스(UI)'라고 한다. 여기서 사용자가 제품을 조작하는 장치들을 Props에 props의 값들에 따라 내부적으로 구현에 필요한 것들을 State에 비유할 수 있다. - Component들은 Props들을 이용하여 조작하게 됨..
[생활코딩 React 강의] #10 ~ #14 : React의 실용성을 피부로 느끼는
생활코딩(이고잉님)의 React 강의를 보고 배운 내용을 정리하는 게시물입니다. www.youtube.com/watch?v=XMb0w3KMw00&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi 10. 리액트가 없다면 - 이번 시간부터 Component를 만드는 방법에 대하여 배움! (중요한 것이며 제대로 해놔야 함) - React의 기능을 사용하지 않은 채로 만든 후에 React로 전화하면서 기능을 이해하는 방향으로 수업 - Public 디렉토리 : 'run npm start'했을 때 찾는 root 만약 현재 pure.html의 코드가 약 10,000줄~20,000줄이면 어떨까? ≫ header와 nav, 그리고 article 등을 사용자 정의 태그(Component)로 숨기면 가..
[생활코딩 React 강의] #1 ~ #6 : React에 대하여
생활코딩(이고잉님)의 React 강의를 보고 배운 내용을 정리하는 게시물입니다. www.youtube.com/watch?v=XMb0w3KMw00&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi 1강. 수업 소개 - React란? : Facebook에서 만든 UI 라이브러리 - 특징 홈페이지에서 특정 영역을 HTML로 코딩할 때, 사용자 정의 태그를 사용하여 main HTML 페이지에서 간단하게 사 용자 정의 태그를 적어주면 됨 (= 가독성) 사용자 정의 태그는 재사용할 수 있음. 다른 HTML 페이지에서도 사용할 수 있음 (= 재사용성이 높다) 특정 사용자 정의 태그에서 오류가 생기면, 그 사용자 정의 태그에 관련된 내용만 고치면 됨 (= 유지보수가 편리함) ≫ 이 때, React..