React의 state와 props에 대해서 설명해주세요.
props
- Props는 외부(부모 컴포넌트)에서 상속 받는 데이터이며, 데이터를 변경할 수 없습니다.
state
- State는 컴포넌트 내에서 지속적으로 변경이 일어나는 값을 관리하기 위해 사용한다.
- 개발자가 의도한 동작에 의해 변할 수도 있고 사용자의 입력에 따라 새로운 값으로 변경될 수도 있다.
- State 값이 변경되고 재 렌더링이 필요한 경우에 React가 자동으로 계산하여 변경된 부분을 렌더링 한다.
li요소는 왜 ul요소의 자식 요소여야만 하나요?
- li 요소는 목록 아이템을 보여주기 위한 요소이다. 그래서 목록을 담는 ul 요소의 자식 요소여야 한다. 화면 상으로는 아무런 문제가 없더라도 이렇게 li 요소와 ul 요소의 의미에 맞게, 시멘틱하게 HTML을 작성하는 것이 어떤 개발자가 와서 보더라도 쉽게 이해할 수 있기 때문에 중요하다.
Semantic HTML의 필요성을 예시를 들어 설명해주세요.
-
사람이 이해하기 쉽도록 태그의 이름만 보고도 역할이나 위치를 알 수 있도록 만든 태그입니다.
-
HTML에는 많은 종류의 요소가 있지만 div와 span태그 두가지 요소만 알아도 화면의 구조를 만들수 있습니다. 하지만 이 두 요소는 이름에는 의미가 없어 각 요소가 어떤역할을 하는지 알수 없습니다. 그렇지만 시맨틱 요소를 사용하게 된다면 해당요소가 어떤 역할을 하는지, 요소가 가진 의미를 통해 어떤역할을 하는지 파악할슈 있습니다. 그래서 시맨틱한 HTML을 작성하면 개발자간 소통, 검색 효율성, 웹 접근성에 효과를 볼수 있습니다.
have a nice day