혜르미온느

진행한 일 자동슬라이드 피저빌리티 확인 레이아웃 타이틀 추가

진행한 일 불 필요한 폴더 정리

진행한 일 브랜치 별 코드 정리 - main에 push

진행한 일 슬라이더 포지션 잡기

진행한 일 서브 메뉴 오픈 시, 백그라운드 생성 - 백그라운드 클릭 시, 서브 메뉴 닫기 구현 pause - addEventListner은 잘 되나 removeEventListner이 제대로 되지 않는 현상 발생으로 중복 이벤트 생성 - addEventListner에서 익명함수 사용 시, removeEventListner이 불가하여 함수 생성 후 사용 권장

진행한 일 더 효율적인 방향으로 폴더 구조 변경 서비스 바로가기 메뉴 생성 서브 헤더 간 active action 추가

진행한 일 서브 헤더 스타일 추가 - ul의 하위 li를 가로로 나열하고 싶으면 ul에 white-space: nowrap; 추가, li에 display: inline-block; 추가 (float: left; 가능) - 투명 스크롤바 ::-webkit-scrollbar { display: none; } 서브 메뉴 링크 연결

진행한 일 mark-up 전용 브랜치 생성 sass loader install material icons install https://marella.me/material-icons/demo/ 메인 헤더 마크업 Material Icons Latest icon fonts and CSS for self-hosting material design icons. marella.me 결과물

진행한 일 공통 Header 레이아웃 세팅하기 https://hyermione.tistory.com/33 리액트 라우터를 통하여 공통 레이아웃 설정하기 본 포스팅의 예시 코드는 이전 포스팅에서 사용한 코드와 연결되는 부분이 있다. 이전 포스팅을 읽고 오지 않아도 이해하는 데에는 무리가 없지만 내용의 흐름상 읽어보는 것을 추천한다. [react hyermione.tistory.com

MBTI를 맹신하는 편이지만 듣다보면 어느정도 수긍되는 부분이 있다. 그 중 하나가 '부지런하고 싶지만 게으름', '게으른 자들 중에서는 부지런함' 등의 부분인데 많이 공감이 된다. 토이프로젝트에 있어서도 마찬가지인데, 부지런하고 싶고 또 나름 부지런하여 이런 저런 프로젝트의 레파지토리를 열어두지만 게으름에 완주는 못하게 되는 경우가 상당히 많다. 사실 늦게라도 하면 되지만 흐름이 끊겨 하기가 싫다는 핑계도 있다. 하여 프로젝트 일기를 써보면 조금이나마 완주할 수 있지 않을까 하여 간단하게 적어보려고 한다. 주제선정 먼저 주제는 이커머스계의 1위를 자리하고 있는 네이버 쇼핑을 따라해보고자 한다. 코드가 같은 수는 없겠지만 따라해보면서 어떤 사용성을 추구하며, 그를 구현하기 위해서는 어떻게 해야하는지 도움..