코딩연습장

답변 태그의 의미에 맞춰 기계와 사람에게 정보를 전달해 줄 수 있습니다. 예를들어 h1태그는 제목, article태그는 한 덩어리의 정보라는 것을 알 수 있습니다. 회사를 홍보하려하는데 p태그 안에 회사 이름을 넣게되면 검색엔진이 약한 의미와 연관성을 가져 악영향을 끼칩니다. 또한 모든 태그를 div로 작성하면 클래스명과 아이디를 각각 주어야하는데 코드가 더러워지고 협업 시 타인이 파악하기 힘들어집니다. 꼬리질문 시멘틱 태그에 관해 몇가지만 알려주실 수 있나요? article태그는 문서에서 독립된 영역을 뜻합니다. aside태그는 사이드영역 또는 광고를 뜻합니다. footer는 꼬리말을 담당합니다. header은 머리말을 담당합니다. main태그는 주요 컨텐츠 영역으로 한페이지에 한개만 사용합니다. se..

답변 li태그는 목록의 항목을 나타내는 태그이기 때문입니다. 따라서 목록을 담는 ul태그의 자식요소여야합니다. li태그로 작성하지 않고 다른 태그로 작성하더라도 문제는 없지만, 태그의 의미에 맞게(시멘틱하게) HTML을 작성하는것이 다른 개발자가 보았을 때 쉽게 이해할 수 있기 때문에 협업의 측면상 중요합니다. 꼬리질문 다른 태그에도 들어갈 수 있나요? ol태그 안에도 li태그를 작성할 수 있습니다. ul태그는 정렬되지 않은 목록을 나타낼 때 사용하는 태그이고, ol태그는 정렬된 목록을 나타낼 때 사용하는 태그입니다. 참고자료 https://developer.mozilla.org/ko/docs/Web/HTML/Element/li - HTML: Hypertext Markup Language | MDN HT..

답변 리액트의 stste는 컴포넌트 내에서 지속적으로 변경이 일어나는 값을 관리하기 위해 사용합니다. useState훅을 사용하여 state를 만들고, setState를 사용하여 값을 변경합니다. props는 부모 컴포넌트에서 자식 컴포넌트로 넘겨주는 것들을 의미합니다. props로 넘겨준 값들은 불변하며, readOnly속성을 가지고있습니다. 따라서 자식 컴포넌트에서의 직접적인 props 변경은 불가하며, 내려받은 setState나 함수를 이용하여 props를 바꾸도록 부모 컴포넌트에게 요청할 수 있습니다. 꼬리질문 왜 변수가 아닌 state에 데이터를 저장하나? 변수로 저장해도 됩니다. 하지만 변수값이 바뀌었을 때 일반 변수는 리렌더링이 되지 못하지만, state에 저장된 데이터는 리렌더링이 되기 때..