12월 4일 팀 프로젝트 작업과 모던 자바스크립트를 공부했다. 제품 상세페이지 캐러셀을 mui에 내장되어있는거를 사용하지않고, Swiper 라이브러리를 사용하기로 해서 적용시켜줬다. 금방 적용시킬줄 알았는데 생각보다 시간을 잡아먹었다. 이제 프로그래스바를 만들면되는데 내장되어있는거를 사용하여 구현은 했으나, 디자인과는 좀 레이아웃이 달라서 이 부분을 수정하는데에 또 시간이 들것같다. 모던 자바스크립트 파트를 공부했다. 스프레드 문법으로 배열을 복사하게되면, 참조하는 값이 달라진다.(포인터가 달라짐) 12월 5일 모던자바스크립트 변수의 유효범위와 클로저와 함수의 렉시컬환경및변수와 [[Environment]]의 연관성 학습 및 정리 12월 6일 모던 자바스크립트 파트 공부 팀 프로젝트에서 새롭게 쓰이는 스토리북 공부…(애먹는중) 스토리북의 개념은 알게되었다. 공통컴포넌트들을 스토리북과 연동시키게되면 좀 더 나은 범용성이높은 컴포넌트로 리팩토링되는것 같다는걸 알게됬다. 카테고리 컴포…

11월 22일 팀 프로젝트 작업 새롭게 디자인된 제품 상세페이지 css 작업 로딩때 스켈레톤 이미지 보여주는 작업 11월 23일 ~ 11월 24일 팀 프로젝트 작업 새롭게 디자인된 제품 상세페이지 css 작업을 했다. (1200px 사이즈로 리디자인됨) 리뷰 컴포넌트 css 작업 제품 상세페이지에 들어가는 리뷰 컴포넌트가 있는데, 고민을 좀 많이했다. 메인 페이지에 있는 리뷰와 제품 상세페이지 리뷰 UI가 겹쳐서 공통컴포넌트로 만들까 고민을했었는데 프론트 리더분께서 공통 컴포넌트 기준은 데이터 기준으로 하는게 나을거라고하셔서 그 말을 따랐다. 그럼 여기서 다시 고민이 되는게, 기존 작업자가 해놓은 리뷰 UI를 그대로 가져다 쓰느냐, 아니면 내가 다시 작업해서 쓰느냐인데 많은 고민끝에 후자로 결정했다. 11월 25일 휴식 11월 26일 팀 프로젝트 작업 팀 프로젝트에서 사용하는 Flex-box 컴포넌트를 리팩토링 했다. 기존에 사용하던 스타일 컴포넌트인 flex-box는 인라인…

11월7일 팀 프로젝트 - 제품 상세페이지 css 작업 완료 프론트엔드 개발자 회의 각자 해야할 파트 상세하게 적기 (노션) 모던 자바스크립트 공부(객체: 기본 파트 공부완료) 가비지 컬렉션 : 눈에 보이지 않는 메모리 관리 수행 this: 화살표함수의 this와 메서드의 this는 동작방식이 다름 옵셔널 체이닝 ’?’: ?. 앞의 대상이 undefined나 null이면 평가를 멈추고 undefined을 반환한다. 모던 자바스크립트 공부(자료구조와 자료형 파트중에서 다음의 섹션들 공부) 원시값의 메서드 : 원시값의 종류는 string,number,bigint,boolean,symbol,null,undefined 등 총 일곱가지다. 숫자형 문자열 배열 : 배열의 끝부터 요소를 추가하고, 빼내는 push,pop 메서드와, 배열의 맨 앞에서부터 요소를 추가하고 빼내는 shift,unshift메서드가있다. 일반적으로 맨 끝에서부터 요소를 추가하고 뺴내주는 메서드가 더 빠르다. 11월7일…

23.11.01 모던 자바스크립트 공부/코드 품질 파트 완독 코드 품질 파트에서 섹션이 인상 깊었다. 변수명 혹은 함수명을 어떤식으로 작명하면 안되는지를 유머러스하게 설명하는데 재밌었다. 팀 프로젝트 개발 카테고리 공통 컴포넌트 개발 팀 프로젝트에서 내가 맡은 분야는 제품 리스트 페이지와, 제품 상세 페이지인데 제품 리스트 페이지에 들어가는 카테고리와 메인 페이지에 들어가는 카테고리가 겹치는것 같아서 카테고리 컴포넌트를 따로 만들어서 공통적으로 사용할 수 있게끔 해주었다. 제품 상세 페이지 UI 및 css 작업 오늘 작업한 페이지! 사진 코드 구조를 생각하면서 하다보니까 뭔가 작업속도가 더딘것 같다.. 23.11.02 팀 프로젝트 제품 상세페이지 UI 및 css 작업 향수의 특징을 react-apexcharts 라이브러리를 사용해 레이더 차트로 표시해주었다. 사용자가 좀 더 정확하게 향수의 특징을 볼 수 있도록 materialUI의 아코디언 메뉴를 사용해서 향수의 특징을 막대…