(DAY48) HTML을 활용한 간단한 웹 구조 알기

 

안녕하세요 :)

전날 늦게까지 커피를 마셨더니 오늘 아침은 뭔가 잔 것 같지 않은 몸상태였습니다 ☕

그럼에도 수업은 즐거우니 열심히 들어보겠습니다 🍀

 

---

 

 

✏️오늘의 학습

HTML 시맨틱 태그 사용해보기

실습 ) Boarding pass UI 그려보기

 

 

 

📖오늘의 핵심

HTML을 활용해 간단한 웹 구조 디자인 직접 경험하

 

 

 

🧠오늘의 마인드셋

당신은 이미 가장 좋은 방법을 알고 있다. 당신의 직관은 이미 올바른 결정을 이미 알고 있다. 

문제는 무엇부터 해야할 지 모를 뿐이다.

 

 

 

 

📝 수업 내용 메모장👇🏻

📝 수업 내용 메모장

 

어제 실습한 목록 태그

 

 

 시맨틱 태그 찾아보기 👇🏻

https://developer.mozilla.org/en-US/docs/Glossary/Semantics

Semantics - Glossary | MDN

 

 

 

 시맨틱 요소들

 

 

 

 

 

실습 ) Boarding pass UI 그려보기

 

• 출발지, 도착지, 탑승구, 좌석 번호, 항공사 등을 고려해보세요.
• 탑승권 여정이 경유가 있는 여행인지, 왕복인지, 편도인지도 확인해보세요
• 탑승권은 종종 신용카드 혜택, 마일리지 프로그램, 현지 호텔·리조트 제휴 상품 같은 추가 정보를 홍보하는 용도로도 사용되곤 합니다. (배너도 들어가는 경우있음)

 

실습 결과물

 

 

 

 

💡 이날 심화반 프로젝트 포폴 정리하는데 팀원이 중간에 제 일을 다하지 않고 떠나셔서 혼자서 마무리하느라 과제를 못했다😣

그래서 주말에 따로 시간을 내서 디자인을 해봤다. 항공권 티켓을 직접 예매해서 디자인을 확인해보고 싶었는데 그렇게까진 못했고, 대한항공 항공권을 검색해보고, 그걸 레퍼런스로 찾은 디자인을 접목시켜보는 연습을 해봤다. 그동안 거의 클론 연습만 주구장창 해왔는데, 이제는 정말 디자인 연습을 해야 할 시점이라고 느꼈다.