리액트 props, state

Question

프론트엔드 개발자를 꿈꾸고 있는 미래지망생 입니다
지금은 국비 학원을 다니면서 html css js를 어느정도 배우고 React를 10일정도 배우면서 props state react-hooks를 배우고 다음주 월요일 부터 개인 프로젝트가 들어가게 되었습니다(학원스케줄) 저는 프로젝트 주제가 마땅히 없어 신한카트 페이지를 만들려고 하고있습니다 근데 막상 하려고 하니 컴포넌트는 나누지만 안에 들어있는 내용은 그냥 쌩 html로 작성한거 같아 전혀 react를 활용 못하고 있는거 같습니다 데이터가 변하지 않는것은props로 데이터가 잘 변하는 것은 state로 지정하라고 들었는대 막상 하니 뭐가 잘 변하는지 잘 안변하는지 이렇게 html 작성하드시 하는게 맞는지 어떻게 하면 좋을까요

성원 · Answer

안녕하세요~ 
React로 개발하시면서 React의 활용에 대해 고민하고 더 잘 사용하려고 하신다니 대단하신 것 같습니다👍

제가 작성자분의 코드를 모르기 때문에 자세한 피드백은 드릴 수 없지만 글에 남겨주신 props와 state에 대해서 답변드리겠습니다.

| 데이터가 변하지 않는것은 props로 데이터가 잘 변하는 것은 state로 지정

-> props와 state는 작성해주신 기준으로 나누는게 아닙니다. 변하는 데이터도 props로 넘겨줄 수 있기 때문이에요. props는 부모가 자식 컴포넌트에 전달하는 데이터의 개념이고, state는 상태를 갖는 데이터로 정의됩니다. 따라서 props와 state의 개념을 명확히 공부하는게 필요할 것 같아요.

세부적으로 공부할 키워드를 말씀드리면 
props: props drilling, props에 전달하는 데이터에 대해 유의할 점 (참조 동일성) 
state: react에서 state는 무엇인지, useState는 어떻게 구현되있는지

React를 공부하면서 궁금한점이 생기면 많은 질문 부탁드려요! 저도 배우는 자세로 답변드리겠습니다