반응형 전체 글567 코드스테이츠 소프트웨어엔지지어링 부트캠프 +5일 오늘 배운 것 HTML 기초 오늘은 검색을 많이 해야 했다. 자세하게는 HTML 개념정리로 따로 올리기로 하고 우선 큰 내용만 적겠다. Achievement Goals HTML을 CSS를 적용하고, JavaScript로 개발할 수 있게(Programmable) 작성할 수 있다. HTML이 Markup language라는 것을 이해할 수 있다. "구조를 표현하는 언어" 라는 의미를 자신의 언어로 표현할 수 있다. HTML의 구조와 문법에 대해서 이해하고 적용할 수 있다. Opening tag, closing tag, self-closing tag에 대해서 이해하고 있다. 자주 사용되는 HTML 요소(Element)가 무엇인지 알고 차이를 설명할 수 있다. div, span 태그가 무엇이고, 어떤 차이가 있.. 2021. 7. 23. input radio 와 input checkbox의 차이 input radio 와 input checkbox의 차이 radio 유형의 inpu은 보통 서로 관련된 옵션을 나타내는 라디오 버튼 콜렉션, 라디오 그룹에 사용한다. checkbox 유형의 input은 form 안에서 선택된 단일 값들을 제출할 수 있는 기능을 제공한다. 먼저 radio 및 checkbox 버튼에 사용되는 속성들을 살펴보자. 속성 내용 name 서버로 전송될 이름, key값에 해당한다. radio 버튼은 같은 그룹끼리 같은 name을 지정해야 한다. value 서버로 전송될 값 checked 초기값 (체크 되어있거나 안되어 있거나) 태그 버튼을 정확히 클릭하지 않고 항목 이름을 클릭해도 박스가 체크되도록 해준다. 1. 항목이름으로 연결하거나, 2. ~ 로 을 감싸주면 된다. 밑에 코드와.. 2021. 7. 23. HTML : <div>와 <span>의 차이 : 한 줄을 차지하고 줄바꿈 된다. : content 크기만큼 공간을 차지한다. 줄바꿈 되지 않는다. 직접 화면으로 확인해보자. hello hi byebye 는 block특성이고 은 inline특성이다. 는 항상 새로운자리에서 시작하고, 한줄 전체를 차지, 은 문장 중간에 들어갈 수 있으며 content 너비만큼 가로폭을 차지한다. 2021. 7. 23. Sementic Tag 와 Non-sementic Tag Sementic Tag 에는 , , , , , 등이 있다. Non-sementic Tag 에는 , 이 있다. 위 태그들은 다 구역을 구분할 때 사용하는 태그들이다. 전에는 모든 구역을 로 구분했다고 한다. 그때는 개발자들이 코드를 읽으면서 맥락이 어디서 시작되서 어디서 끝나는지 헷갈리는 문제가 있었다. 이는 가독성이 떨어지는 문제가 있었고, 해결책으로 Sementic Tag가 나타났다. Sementic Tag도 처럼 똑같이 구역을 나누지만 각 Tag가 약속된 의미를 가지고 있다. 글로 설명하는 것 보다 그림으로 보는것이 이해가 쉬울 것 같다. Sementic Tag 를 사용하게 된 이후 를 사용하는 것은 지양하게 되었고 로 구역을 나누는 경우는 아주 작은 부분의 일회성 구역을 만들때 정도라고 한다. 다음.. 2021. 7. 23. 이전 1 ··· 136 137 138 139 140 141 142 다음 반응형
