스터디

https://nomadcoders.co/react-for-beginners/lectures/3289https://github.com/leehyemimi/react-my-moviehttps://nykim.work/106?category=785

https://github.com/leehyemimi/first-meet-react

엘리먼트는 리액트 앱의 가장 작은 빌딩 블록들리액트 엘리먼트는 DOM 엘리먼트의 가상표현: 리액트 엘리먼트는 화면에 보이는 것을 기술하고, 엘리먼트가 기술한 내용을 토대로 실제 화면에서 보게 되는 DOM 엘리먼트가 만들어 짐DOM(Document Object Model

원래 존재하는 어떤 기능에 마치 갈고리를 거는 것처럼 끼어 들어가 같이 수행되는 것 리액트의 state 생명주기 기능에 갈고리를 걸어 원하는 시점에 정해진 함수를 실행되도록 만든 것 가장 대표적으로 많이 사용하는 훅 함수 컴포넌트에서는 기본적으로 state라는 것을 제

사용자가 버튼을 클릭하는 등의 사건을 의미이벤트의 이름을 모두 소문자로 표기이벤트의 처리할 함수를 문자열로 전달이벤트의 이름을 카멜 표기법으로 표기이벤트를 처리할 함수를 그대로 전달이벤트가 발생했을때 해당 이벤트를 처리하는 함수이벤트 리스너라고 부르기도함클래스 컴포넌트

조건에 따라 렌더링의 결과가 달라지도록 하는것코드팬 실행하기엘리번트 변수인라인 조건컴포넌트 렌더링 막기

같은 아이템을 순서대로 모아놓은것각 객체나 아이템을 구분할 수 있는 고유한 값자바스크립트 배열의 map() 함수를 사용: 배열에 들어있는 각 변수에 어떤 처리를 한 뒤 결과를 배열로 만들어 리턴함: map() 함수 안에 있는 엘리먼트는 꼭 키가 필요함리스트에서 아이템을

사용자로부터 입력을 받기 위해 사용하는 양식사용자가 입력한 값에 접근하고 제어할 수 있게 해주는 컴포넌트값이 리액트의 통제를 받는 입력 폼 엘리먼트한 줄로 텍스트를 입력받기 위한 HTML 태그리액트에서는 value라는 attribute로 입력된 값을 관리

구글설문조사 폼 클론 코딩구글설문조사 폼 퀴즈 클론 코딩https://docs.google.com/forms/u/0/?tgif=d사다리타기 맛집리스트 네이버나 카카오지도api 연동해서