기본 문법5 [React 기본] 7. Create (CRUD) 개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 설명에 대한 지적은 언제나 환영입니다. :) 이 포스팅은 이전의 포스팅과 이어집니다. 2022.07.07 - [Develop/react] - [React 기본] 6. state [React 기본] 6. state 개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 설명에 대한 지적은 언제나 환영입니다. :) 이 포스팅은 이전의 포스팅과 이어집니다. 2022.07.07 - [De tarra.tistory.com + 생활코딩의 react 강의를 기본 베이스로 이것저것 추가 작성 필기입니다. 영상을 보고싶다면 다음의 링크를 접속해 보시는 것을 추천합니다.! https://ope.. 2022. 7. 8. [React 기본] 5. event 개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 설명에 대한 지적은 언제나 환영입니다. :) 이 포스팅은 이전의 포스팅과 이어집니다. 2022.07.07 - [Develop/react] - [React 기본] 4. props + 생활코딩의 react 강의를 기본 베이스로 이것저것 추가 작성 필기입니다. 영상을 보고싶다면 다음의 링크를 접속해 보시는 것을 추천합니다.! https://opentutorials.org/course/4900 React - 생활코딩 리액트 입문자를 위한 수업입니다. 기본 문법과 핵심 개념을 익힐 수 있습니다. 만들게 될 것 앱 : https://egoing.github.io/react-2022-tutorial-src/ 소스코드 : ht.. 2022. 7. 7. [React 기본] 4. props 개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 설명에 대한 지적은 언제나 환영입니다. :) 이 포스팅은 이전의 컴포넌트에 관한 포스팅과 이어집니다. 2022.07.07 - [Develop/react] - [React 기본] 3. 컴포넌트 만들기 props 인터넷에 쳐보면 나오는 props의 기본적인 의미는 하위 컴포넌트에 구성요소를 전해줄 때 사용하는 인자라고 설명한다. prop은 property(속성)의 약자로 상위 컴포넌트가 하위 컴포넌트에게 값을 전달하는 인자이다. 특성으로는 단방향 흐름을 가진다는 특징을 가진다. 예제를 통해 props를 어떤 식으로 사용하고 다루어야 하는지 알아보자. 다음의 코드에서 우리가 미리 만들어 놓은 컴포넌트 Header에 t.. 2022. 7. 7. [React 기본] 3. 컴포넌트 만들기 개인 공부 후 자료를 남겨놓기 위한 목적이므로, 생략되거나 오류가 있을 수 있음을 알립니다. 설명에 대한 지적은 언제나 환영입니다. :) 이 포스팅부터는 리액트의 여러 기능과 구현에 대해서, 이해하기 쉽도록 파트별로 설명을 해볼 생각이다. 그 중에서 우리가 페이지를 만드는 부품인 컴포넌트에 대해 먼저 알아보도록 하자. component (컴포넌트) 앞선 포스팅에서 리액트의 본질은 "사용자 정의 태그를 만들어 활용하는 것" 이라고 했다. 이 사용자 정의 태그를 의미하는 것이 컴포넌트이며, 다음의 코드를 봐보자. html의 시멘틱 태그인 header, nav, article이 있다. 만약 이 태그들이 몇백, 몇천의 코드를 가지고 있다고 생각하면 우리가 지금 작성하고 있는 App이라는 function이 관리하.. 2022. 7. 7. 이전 1 2 다음
