![]()
안녕하세요! delay100입니다. 이번 포스팅에서는 Hooks에 대해 공부해봅시다. 대부분의 설명은 주석으로 달아놓았으니 코드에 대한 설명은 주석을 확인해주세요! 책 리액트를 다루는 기술, 개정판의 8장 내용을 다루고 있습니다. 프로젝트 실행 방법에 대한 설명은 여기에 있습니다. 이번 포스팅의 Github 링크 https://github.com/delay-100/study-react/tree/main/ch8/hooks-tutorial GitHub - delay-100/study-react Contribute to delay-100/study-react development by creating an account on GitHub. github.com 1. Hooks? 리액트 v16.8에 도입된 기능으..
![]()
안녕하세요! delay100입니다. 이번 포스팅에서는 컴포넌트의 라이프사이클 메서드에 대해 공부해봅시다. 대부분의 설명은 주석으로 달아놓았으니 코드에 대한 설명은 주석을 확인해주세요! 책 리액트를 다루는 기술, 개정판의 7장 내용을 다루고 있습니다. 프로젝트 실행 방법에 대한 설명은 여기에 있습니다. 이번 포스팅의 Github 링크 https://github.com/delay-100/study-react/tree/main/ch7/hello-react GitHub - delay-100/study-react Contribute to delay-100/study-react development by creating an account on GitHub. github.com 1. 라이프사이클? 모든 리액트 컴포..
![]()
안녕하세요! delay100입니다. 이번 포스팅에서는 map에 대해 공부해봅시다. 대부분의 설명은 주석으로 달아놓았으니 코드에 대한 설명은 주석을 확인해주세요! 책 리액트를 다루는 기술, 개정판의 6장 내용을 다루고 있습니다. 프로젝트 실행 방법에 대한 설명은 여기에 있습니다. 이번 포스팅의 Github 링크 https://github.com/delay-100/study-react/tree/main/ch6/hello-react GitHub - delay-100/study-react Contribute to delay-100/study-react development by creating an account on GitHub. github.com 1. map? map이란? - 배열 객체의 내장 함수 - 반..
![]()
안녕하세요! delay100입니다. 이번 포스팅에서는 ref에 대해 공부해봅시다. 대부분의 설명은 주석으로 달아놓았으니 코드에 대한 설명은 주석을 확인해주세요! 책 리액트를 다루는 기술, 개정판의 5장 내용을 다루고 있습니다. 프로젝트 실행 방법에 대한 설명은 여기에 있습니다. 이번 포스팅의 Github 링크 https://github.com/delay-100/study-react/tree/main/ch5/hello-react 1. ref(reference)? ref(reference)란? - 리액트 프로젝트 내부에서 DOM에 이름을 다는 방법(HTML에서 id를 사용하여 DOM에 이름을 다는 것과 유사) - DOM을 꼭 직접적으로 건드려야할 때 사용함 간단한 ref 예시 // id가 root인 요소에 ..
![]()
안녕하세요! delay100입니다. 이번 포스팅에서는 이벤트 핸들링에 대해 공부해봅시다. 대부분의 설명은 주석으로 달아놓았으니 코드에 대한 설명은 주석을 확인해주세요! 책 리액트를 다루는 기술, 개정판의 4장 내용을 다루고 있습니다. 프로젝트 실행 방법에 대한 설명은 여기에 있습니다. 이번 포스팅의 Github 링크 https://github.com/delay-100/study-react/tree/main/ch4 GitHub - delay-100/study-react Contribute to delay-100/study-react development by creating an account on GitHub. github.com 1. event(이벤트)? event(이벤트)란? 사용자가 웹 브라우저에서..
![]()
안녕하세요! delay100입니다. 이번 포스팅에서는 Component에 대해 공부해봅시다. 대부분의 설명은 주석으로 달아놓았으니 코드에 대한 설명은 주석을 확인해주세요! 책 리액트를 다루는 기술, 개정판의 3장 내용을 다루고 있습니다. 프로젝트 실행 방법에 대한 설명은 여기에 있습니다. 이번 포스팅의 Github 링크 https://github.com/delay-100/study-react/tree/main/ch3/hello-react GitHub - delay-100/study-react Contribute to delay-100/study-react development by creating an account on GitHub. github.com 1. Component 기본 Component(컴..
![]()
안녕하세요! delay100입니다. 이번 포스팅에서는 JSX에 대해 공부해봅시다. 대부분의 설명은 주석으로 달아놓았으니 코드에 대한 설명은 주석을 확인해주세요! 책 리액트를 다루는 기술, 개정판의 2장 내용을 다루고 있습니다. 프로젝트 실행 방법에 대한 설명은 여기에 있습니다. 이번 포스팅의 Github 링크 https://github.com/delay-100/study-react/tree/main/ch2/hello-react GitHub - delay-100/study-react Contribute to delay-100/study-react development by creating an account on GitHub. github.com 1. JSX 기본 JSX란? - 자바스크립트의 확장 문법 -..
![]()
안녕하세요! delay100입니다. 오늘부터 React를 공부하려고 해요! 공부한 것들 중에 중요한 것들은 기록해보겠습니다. 책 리액트를 다루는 기술, 개정판의 1장 내용을 다루고 있습니다. 이번 포스팅의 Github 링크 https://github.com/delay-100/study-react/tree/main/ch1/hello-react GitHub - delay-100/study-react Contribute to delay-100/study-react development by creating an account on GitHub. github.com 내 PC에 이미 있는 개발환경 - React 공부 시 계속 사용합니다. VS Code(비주얼 스튜디오 코드) git bash Node.js - 설치..
