BO의 개발로그

1. 과제 내용 ※ 코드 리뷰를 위해 연출된 스토리입니다. 이응수 대리님이 혼자서 진행하였던 '책 찾기' 프로젝트가 예상치 못한 반응을 불러일으켰고, 회사는 서비스를 확장하고자 한다. 이응수 대리님의 코드와 결과물을 분석하고 리뷰하여 더 큰 규모의 프로그램이 될 수 있도록 개선 방향을 찾는다. 2. 과제 수행 시 신경 쓴 부분 - 실제 프로덕트라고 가정하고 리뷰한다. - 확장 가능성에 주안점을 둔다. - 좋은 점, 나쁜 점에 대해 솔직하게 반응한다. - 본인의 개발 경험 중심으로 풀어나간다. - 버그 발견 시, 추측이 아닌 구체적 방법을 제시한다. - 수정할 수 있는 부분을 다 말한다. - 클린 코드의 관점이 아니다. - 내가 멘토라고 생각하고, 신입 사원에게 코드에 대해 리뷰한다는 느낌으로 작성한다. ..

1. 과제 구현 사항 로그인 페이지 계정, 비밀번호 입력 시 로그인 기능 구현 로그인된 계정은 자신에게 허용된 메뉴만 보이게 함(권한 관리에 해당) 회원가입 페이지 이름, 주소, 신용카드 정보, 나이 등의 회원 정보를 받아 회원가입 기능 구현 주소, 신용카드는 팝업을 이용해서 입력받기 가입 시 유효성 검사하기 다양한 메뉴를 가지고 있는 홈페이지 관리자 페이지 권한 별로 접근 가능한 메뉴가 다르게 설정되어야 함 테이블 컴포넌트 페이지를 만들어 Data Table 구현, 페이지네이션 구현, 검색 기능 구현 2. 내가 맡은 파트 공통 컴포넌트 마크업 및 스타일링 로그인/회원가입 페이지 마크업, 스타일링 및 유효성 검사 유저 데이터 로컬스토리지 연동 3. 작업 중 생긴 일.. 3.1 헤더 우선 로그인 하지 않은..

1. 과제 구현 사항 상품 목록 페이지(/) 상품 목록 리스트를 클릭하면 상품 상세 페이지로 이동하기 상품 상세 페이지(/productdetail) 상품 목록 페이지에서 상품 상세 페이지를 선택하면, 이력 데이터를 누적하기 동일 상품을 조회하는 경우, 이력 데이터를 최신 데이터로 갱신하기 '랜덤 상품 조회' 버튼을 클릭하면, 현 상품을 제외하고 랜덤 로드하기 '관심 없음' 버튼을 클릭하면, 랜덤으로 목록을 로드하기 '관심 없음' 버튼을 클릭하면, 해당 상품은 이후 상품 상세에 노출되지 않게 하기 상품 조회 이력 목록 페이지(/recentlist) 매일 자정(00시) 최근 조회 이력과 관심 없는 상품 목록 초기화하기 별도의 페이징 처리하지 않고 데이터 전체 로드하기 필터링 기능(목록 상단에 위치) 브랜드 ..

1. 무한 스크롤의 원리 화면을 스크롤할 때 콘텐츠의 끝 부분을 감지하고, 다음 페이지를 불러와 현재 페이지에 이어 붙인다. 2. 구현 방법 전통적인 스크롤 감지(onScroll event) : 유저가 scroll을 하면 이벤트가 발생하고 현재 scroll 위치가 페이지에 끝에 닿았는지 판단한다. 하지만 이 경우 scroll 이벤트는 굉장히 빈번하게 발생하기 때문에 성능 최적화에 위배되는 문제가 있다. 그렇기 때문에 throttle 작업이 추가적으로 필요하다. Intersection Observer API : DOM 엘리먼트 간에 영역이 겹쳐지는 걸 감시한다. Intersection Observer API를 사용하면 scroll, resize와 같은 비싼 비용의 이벤트를 좀 더 쉽고 좋은 퍼포먼스로 사용..