리액트 스터디
1.리액트 공식문서로 공부하기(설치하기, 빠르게 시작하기)
React 앱은 컴포넌트로 만들어집니다. 컴포넌트는 고유한 로직과 모양을 가진 UI(사용자 인터페이스)의 일부입니다. 컴포넌트는 버튼만큼 작을 수도 있고 전체 페이지만큼 클 수도 있습니다.너무 당연하게 button 태그를 사용하지만, 어떻게 이게 가능할까요?MyButt
2023년 10월 11일
2.UI표현하기( 첫 번째 컴포넌트 ~ 컴포넌트 Props 전달하기)
컴포넌트가 무엇인지React 어플리케이션에서 컴포넌트의 역할첫번째 React 컴포넌트를 작성하는 방법이 마크업은 기본적인 HTML의 형태를 띄며, Javascript와 결합되어 웹에서 사용하는 모든 UI의 기반이 됩니다.React를 사용하면 마크업 Css, Javasc
2023년 10월 11일
3.조건부 렌더링 ~ state: 컴포넌트의 메모리
Item 컴포넌트는 isPacked가 boolean 값으로 나눠져 props를 받고 있습니다.isPacked 가 true일때 패킹된 아이템에서 체크 표시를 추가하고 싶다면 어떻게 할까요?간단하게 이런 식으로 작성할 수 있습니다. 물론 잘 작동합니다! 컴포넌트 자체가 j
2023년 10월 11일
4.상호작용 추가하기
컴포넌트를 화면에 표시하기 이전에 React에서 렌더링을 해야 합니다. 해당 과정의 단계를 이해하면 코드가 어떻게 실행되는지 이해할 수 있고 React 렌더링 동작에 관해 설명하는데 도움이 됩니다.주방에서 요리사가 컴포넌트를 재료로 맛있는 요리를 한다고 상상해보세요.
2023년 10월 11일