21일차
오늘은 어제 배운 내용을 토대로 오늘 레이아웃 구조를 잡고 스타벅스 예제만들기를 완료하는 것을 목표로 공부를 해보고자 한다.
오늘 공부할 목록
스타벅스 예제 만들기 완성@media 정리하기- 클론 코딩하는 방법 중 인상깊었던 내용 정리하기
새로 배운 내용
- 폼(form, input...) 태그와 이미지 태그(img)는 가상선택자가 적용되지 않는다.
- ::after, ::before 를 이용해 이미지 삽입시 content안에 작성하는 것과 background-image로 삽입하는 것의 차이
내일 공부를 할 부분
- 클론 코딩하는 방법 중 인상깊었던 내용 정리하기
- 클론하며 어렵거나 애매했던 내용 정리하기
- 블로그 정리하기
체크할 부분
- ES모듈은 COMMON JS랑 뭐가 다른가?
- 나는 타입스크립트, 협업 하는 사람은 자바스크립트를 쓴다면 작성할 때 어떻게 해야하는지?
- 디펜던시 에러도 웹팩이 어떻게 돌아가고 이 문제를 어떻게 해결해야하는지?
하루를 마무리하며
드디어! 2022년 스타벅스 랜딩페이지를 다 만들었다😆 이전에 강의를 보며 따라 만들어봤던 만큼 사실 가볍게 생각하고 시작한 마음이 컸는데 생각보다 너무 많은 시간이 걸리기도 했지만, 듬성듬성 배경지식의 빈자리가 보여서 당황스럽기도 했다
그래도 이번에는 스스로 레이아웃 구조를 잡아보고, 그래도 모르겠는 경우 레이아웃 구조를 보고 클론 코딩을 진행했다는데 정말 큰 의미가 있다👍
진행하던 중 왜이렇게 구조를 잡았을까? 왜지,,? 라는 부분도 많이 있었는데 아마도 자바스크립트를 이용하기 위해 그렇게 배치하지 않았을까 하는 마음이다.
이제 자바스크립트도 잘 익히고 난다면 정말 스스로 만들어볼 수 있지 않을까 기대가 된다.🤗
ps. 모바일로 확인을 해보니 구조가 무너진다.. 앞으로 반응성 디자인에 있어서도 확실히 신경써야겠다😅
0seo