Wecode 1일차 bloging

드디어 wecode 정규 1일차가 시작되었다.

첫날 오리엔테이션과 카드발급등의 시간을 갖고 나서

repl.it

라는 코딩용 사이트를 통해 html과 css스터디를 시작하게되었다.

기존에 퍼블리셔였던 나는 스터디와 나머지 문제들을 수월하게 풀어나갔지만

html,css 마지막 문제를 확인해보았다.

수고하셨습니다! 드디어 HTML, CSS 마지막 과제입니다.


Assignment #1
개발을 시작하는 단계에서 기초 내용을 하나씩 다지는 것도 중요하지만 동시에 큰 그림을 그려나가는 것이 매우 중요합니다. 그러기 위해 지금까지 배운 내용을 복습해 주세요. 각 섹션의 타이틀을 하나씩 보면서 다룬 내용들을 떠올려보면서 놓치고 지나간 개념은 없는지, 모호하게 이해하고 있는 내용은 없는지 꼭 확인해주세요.

Assignment #2
"사이트에 이미지를 넣는 방법은 두 가지가 있습니다. <img> 태그를 사용하는 것과 <div> 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요."

✅ 위의 질문에 대답할 수 있나요? 실제 면접에서 자주 다루는 질문입니다. 이를 설명하기 위해서는 Semantic Web과 Semantic Tag에 대한 이해가 있어야 합니다.

✅ Semantic Web과 Semantic Tag에 대한 주제로 블로그를 작성해주세요. 위의 면접 질문에 대한 대답과 연결시켜 작성해주시면 되겠습니다. 작성 완료 하신 분들은 Google Classroom 에 제출해주세요 😊


"사이트에 이미지를 넣는 방법은 두 가지가 있습니다. <img> 태그를 사용하는 것과 <div> 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요."

2번째 Assignment를 생각 안해본건아니지만 현재 질문을 듣고 의미론적인 문제 아닐까 하는 답변을 제외한 자세한 설명을 하기엔 생각이 좀 더 필요했다.

<img>와 background는 의미론 적인 부분에서 차이가 많이 나는데 <img>는 화면의 전체적인 맥락과 관련이 있어야 Semantic Web에선 문제점이 발생하지 않고 css로 넣는 이미지는 화면 전체 맥락과 관계가 없어도 Semantic Web에선 문제가 없다.

그외엔 두개의 차이는 javascirpt로 이미지를 로딩할때 속도정도 차이가 날것같다.

Semantic Web과 Semantic Tag는 웹사이트의 의미론적 마크업을 의미하는데 무의미한 이미지등은 css를 통해 삽입하는게 가장 효과적인 마크업과 스타일링이라고 할수 있을것 같다.

예전부터 많이 생각했던 내용이지만 다시 한번 되새김질 하는 계기가 되는 것 같아 처음 퍼블리싱을 할떄 생각이 나 기분이 좋다 ㅎㅎ