27일차

어제 웹팩으로 고생을 한 만큼 오늘 오전 이동시간동안 생활코딩의 webpack 강의를 들어보았다. 😮 그동안 과제를 하면서도 웹팩, 모듈화의 개념이 잘 이해되지 않았는데 뒤죽박죽 쌓여만 있던 개념이 어느정도 정리가 되고 있는 것 같다.

거기다 박영웅 강사님의 피드백을 더해서 정리를 하니🥰 오늘은 클론 코딩을 하는데 막힘 없이 진행할 수 있을 것 같은 기대가 생긴다.

오늘 공부 할 목록

• 지마켓 클론코딩 (최소 섹션 두개)
• 자바스크립트 데이터 타입 + 함수 및 호이스팅, 구문(if, switch, for, while), 연산자
• 어제 정리하지 못한 내용 정리하기
• 오늘 다 못하면 밤새서라도 해 다음 날로 쌓이지 않도록 하기.

전날에 마무리 하지 못한 궁금증

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

오늘 궁금증

• data-montelena-acode="200003403" data-montelena-type="home" data-montelena-asn="1"의 각 역할 확인하기
• OTF와 TTF
• webpack의 lazy load
  
• 아래 예시 믹스인으로 만들어보기

button {
  position: relative;
  padding: 0;
  padding-right: .3rem;
  border: 0;
  background-color: transparent;
  color: $booking-color-gray-700;        
  &::after, &::before {
    content: '';
    position: absolute;
    right: -1rem;
    top: 1.2rem;
    transform: translateY(-50%);
  }
  &::before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid $booking-color-gray-700;
  }
  &::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    top: 9.5px;
  }
}

• JavaScript - 화살표 함수와 일반 함수의 차이 정리하기
• [css] dimmed 처리 방법 두가지
• 차트JS, 이차트?(echarts), 디쓰리?
• 데브옵스

하루를 마무리하며

계획한 것은 다하고 가야지라는 마음으로 계속 코딩을 하니, 아무생각 없이 타이핑을 하고 있게 된다.😂 오늘 뼈저리게 느낀 것은,,, 아침에 패기를 부렸구나,,,,.😂😂 하루종일 클론코딩을 했지만 아직 섹션하나밖에 완성을 하지 못했다,, 에러를 제대로 정리를 해놓고 똑같은 상황이 되지 않도록 노력해봐야겠다.