리액트는 자바스크립트 라이브러리로 UI 유저 인터페이스를 빌딩할때 사용 한다. >페이스북에 의해 2013년도에 개발 되었다! >리액트가 가장 영향력있는 UI 라이브러리 라고 해도 과언이 아니다. >리액트를 사용하여 컴포넌트를 제작한다. >이러한 컴포넌트들은 UI의 lo

useState는 함수형 컴포넌트에서 사용된다.useState는 클래스형의 this.state, this.setState와 같다useState를 사용하는 방법은 아래와 같다이렇게한다면 출력 값은 Apple이 아닌 Banana로 바뀌어서 출력된다.

What is Styled-Components? Styled-components는 라이브러리이다! 프로젝트를 진행 하다가 컴포넌트 파일이 많아지면 CSS를 작성할때 한곳에 다 몰아서 넣으면 많은 고충이 있다 예를들어 중복된 className이 사용 될 수가 있다.

Bookmark 버튼을 클릭하였을때 북마크가 체크되고 다시한번 눌렀을때 북마크가 해제되는 스타일링 이것을 하기 위해서는 삼항연산자와 북마크의 state를 저장할 useState를 사용한다 먼저 북마크 아이콘에대한 useState를 하고 그의 상태값을 false로 둔

오늘은 React Hooks에 대해 알아 보려고 한다! 훅은 낚시 바늘의 훅처럼 컴포넌트에게 낚시 바늘을 걸듯이 훅을 거는 것이다! 컴포넌트의 Life Cycle 인생 중간중간에 내가 특정 명령을 내릴 수 있다 컴포넌트가 등장할때 OOO 해줘! 컴포넌트가 업데이트