TIL 8 | HTML_Semantic Web_Semantic Tags
---- 면접 중 --- [면접관] "사이트에 이미지를 넣는 방법은 두 가지가 있습니다. 태그를 사용하는 것과 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요." [나] "!@#$%^&*" 위 면접 질문은 실제 면접에서 자주 다루는 질문입니다.. 이를 이해하기 위해서는 먼저 Semantic Web과 Semantic Tag에 대한 이해가 있어야 합니다. 실제 면접때를 대비하기 위해 잘 공부해 둡시다ㅎㅎ 자, 그럼 심호흡 크게 한번 하고~ Let's Go~!! (☞ﾟヮﾟ)☞ 시맨틱 웹 (Semantic Web) 시맨틱 웹이란 무엇일까요? Semantic은 사전상 '의미론적인, 의미의' 이라는 뜻을 가지고 있습니다. 그렇다면 ..
TIL 2 | CSS 적용 방법
1. 인라인 스타일 태그 style 속성에 직접 작성 FRONTEND 101 [장점] 빠르고 편함 [단점] 적용해야할 스타일이 많아지면 코드 가독성이 떨어짐. html 태그와 style코드가 혼재되어 있어 유지보수에 좋지 않음. 2. style tag html 파일 내에 css를 작성할 수 있는 방법 [장점] html 파일에 HTML 코드도 작성하고, CSS도 작성하니 편하고 빠른 방법 [단점] 적기능적으로(HTML구조와 디자인) 분리되지 않았기 때문에 유지보수에 적합하지 않음. [ 개발꿀팁 ] HTML을 수정하려면 html 파일을 확인하고, 디자인을 수정하려면 css파일을 확인하는 것는 것이 개발하기 좋음. 3. CSS 파일에 작성 html 파일과 분리하여 별도의 css파일에 따로 작성 html파일에서..
TIL 1 | HTML
[html의 태그] https://www.w3schools.com/tags/tag_a.asp , , , , : 주로 제목같은 텍스트를 보여줄때 사용하는 태그. 와 같이 짝을 맞추어 태그를 닫아줌. : 주로 텍스트의 내용이 들어간다. 내용이 줄이 바뀌지 않고, 한 줄에 이어서(inline-element) 나오게 됨. : 주로 텍스트의 내용이 들어가며, 주로 문단을 통으로 넣을 때가 많음. 줄바꿈이 (block-element) 일어나게됨.. : href 속성을 사용하여, 내용 클릭 시 화면이 이동. target 속성의 값에 따라 창이 새창으로 띄워짐("_blank" 값을 입력시 새창으로 뜨게 해줌) : 웹사이트에서 섹션을 나눌 때 사용. 비슷한 부분끼리 그룹 디자인에 맞게 레이아웃을 분리 => 각각의 에 c..
