26일차

어제 HTML마크업을 하며 감탄의 감탄의 연속이었던터라 그런지, 꿈에서도 마크업을 하는 꿈을 꾸었다🤗

오랜만에(?) 늦게까지 공부를 하고 집에 갔는데도 평상시보다 더 일찍 눈이 떠지고 비슷한 페이지를 또 한번 구현해보고 싶다는 설렘으로 공부를 하는게 정말 오랜만인것 같은데, 어제의 공부가 하루 더 잘 이어가길 바란다.

오늘 공부할 목록

• 쿠팡 페이지 완성해보기 ing

  • 
  • 아직 좌우 스크롤 뱃지를 완성해야하지만, 과제가 끝나기 전까지 보류.(주말에는 완성하자!)

• 쇼핑몰 웹페이지 탐색하고 비교해보기 ing

  • 
  • 헤더영역 완성

• 웹접근성 측면에서의 마크업에 대해 알아보기 ing

  • 웹접근성을 고려한 UI를 보면서 공부 중.

• 자바스크립트 데이터 타입 및 함수 공부하기

  • ...내일은 꼭 미루지 않고 먼저 시작!

찾아보기

• rel="preload"
• script 의 run, start, build, test차이
• 질문란에 올라온 내용 정리하기
• 이미지 파일 올려도 되는지 여쭤보기
• scss 7-1패턴
• webpack 이미지 에러 내용 정리(경로별칭이란? +경로 별칭(~assets/) 설정과 지정 )
• img태그의 alt 속성은 비워놓아도 괜찮은지?
• webpack5에서 달라진 부분

새로 배운 내용

• 프로젝트 구조 정리하는 방법
• Webpack5부터 file-loader는 사용하지 않아도 괜찮다.
• text[type="search"] 에 포커스 시 커서 앞쪽에 여백을 설정하는 방법으로text-indent속성도 사용을 할 수 있습니다.
• [궁금증] img태그의 alt=""는 생략해도 괜찮을까?

반성하자

• 하나에 꽂혀서 시간보내기
• 웹팩 모듈 설정의 문제인줄 알고 2시간 넘게 보냈는데, 알고보니 인라인속성의 문제,,!! 인라인인지아닌지 먼저 체크하자!

하루를 마무리하며

오전부터 웹팩 번들러 사용 에러로 머리를 부여잡고, 울고 지난 번 에러를 경험했을 때 우선순위가 아니라고 넘어가지 말고 정리해둘 걸 후회도 하고 심적으로도 많이 지치는 시간이 되었다.

그럼에도 오늘 하루를 잘 마무리 할 수 있었던 원동력에는 친구의 응원, 함께 공부하는 스터디원들의 긍정에너지, 그리고 박영웅강사님의 질문에 대한 자세하고 친절한 피드백이 있었다.

곰곰히 하루를 돌아보니 특히 오늘은 힘들었지만 벅찬 마음으로 정규 시간의 공부를 마무리하게 되는 것 같다.😊

지금의 기분을 잘 이어, 아쉬움 없이 남은 시간도 잘 채우고 마무리를 해보고싶다💪💪