12월 4일

팀 프로젝트 작업과 모던 자바스크립트를 공부했다.

  • 제품 상세페이지 캐러셀을 mui에 내장되어있는거를 사용하지않고, Swiper 라이브러리를 사용하기로 해서 적용시켜줬다. 금방 적용시킬줄 알았는데 생각보다 시간을 잡아먹었다. 이제 프로그래스바를 만들면되는데 내장되어있는거를 사용하여 구현은 했으나, 디자인과는 좀 레이아웃이 달라서 이 부분을 수정하는데에 또 시간이 들것같다.

  • 모던 자바스크립트 나머지 매개변수와 전개 구문파트를 공부했다.

    • 스프레드 문법으로 배열을 복사하게되면, 참조하는 값이 달라진다.(포인터가 달라짐)

12월 5일

모던자바스크립트 변수의 유효범위와 클로저와 함수의 렉시컬환경및변수와 [[Environment]]의 연관성 학습 및 정리

12월 6일

  • 모던 자바스크립트 오래된 var파트 공부
  • 팀 프로젝트에서 새롭게 쓰이는 스토리북 공부…(애먹는중)
    • 스토리북의 개념은 알게되었다.
    • 공통컴포넌트들을 스토리북과 연동시키게되면 좀 더 나은 범용성이높은 컴포넌트로 리팩토링되는것 같다는걸 알게됬다.
    • 카테고리 컴포넌트를 스토리북과 연동시키려고 한다.
    • 이 컴포넌트에 fetch데이터를 불러오는 코드가 있는데, 이 코드를 상위 컴포넌트로 옮기고, 카테고리컴포넌트는 데이터를 props로 받아와서 UI만 뿌려주는 역할로 바꿔야겠다고 생각중인데..
    • 일단 스토리북 공홈에서하란대로 하면서 공부하려고하는데, 왜 계속 에러가나는지 모르겠다.

12월 8일

  • 모던 자바스크립트 전역 객체파트 공부

    • 자바스크립트에서 전역(global)이라는 용어는 함수 안에있지 않은 이라고 치환해서 생각하자!
    • 전역에 변수,함수 등을 정의하면 전역 객체(브라우저 window)를 통해 해당 함수 및 변수에 접근할 수 있다.

  • 팀 프로젝트 작업

    • 공통 카테고리 컴포넌트를 리팩토링했다. fetch데이터를 불러오는 코드를 상위컴포넌트로 옮겨서 카테고리컴포넌트는 UI만을 뿌려주도록 해줬다.

  • 스토리북 공부

    • 공식홈페이지를 따라가면 나던 에러를 해결했다. (그냥 yarn storybook 명령어치면 나오는 에러명령어들 계속 입력하니까 됬음)
    • 공식홈페이지 코스를 완강했다. 근데 아직도 머릿속은 물음표임

  • 대충 스토리북에대해서 그려지는거를 나열하자면

    • 스토리북은 자체 웹팩(?)이 있어서 컴포넌트를 UI로 그려줄 수 있다.
    • 룩북 비스무리한거다.
    • 남들과 같이 작업을할 때 공통컴포넌트들을 시각화시켜줄 수 있어서 같이 작업하는거에 편하다.

지금 팀 프로젝트에 사용하는 스토리북은 스타일만 컴포넌트화시켜서 뿌려주고있기 때문에 스토리북 공홈에서 사용하는 리덕스나 이런 status 데이터는 사용하지않아서 비교적 간단하지만.. 추후에 혼자 프로젝트를 하게되면 스토리북을 다시한번 파봐야겠다