Chrome Extension Clone Coding
https://peacemaker474.github.io/study_Challenge/
✅ 전체적인 뽀모도로 클론코딩 완료
⏩ 추후 진행은 타이머 및 각 영역별 HTML
⏩ 미니 프로젝트 끝나고 진행예정 (2021.07.14)
✅ 로그인 영역 모달창 띄우기
✅ 전체적인 Refactoring 완료
✅ 로그인에서 입력받은 후 프로필에 전달 (로컬 스토리지 활용)
✅ 프로필 하단 새로운 모달창 (애니메이션 효과 수정해야함)
✅ HTML, CSS, Javascript (Refacotring) => 2021.06.30(수) 완료
⭕️ 로그인 영역과 프로필 영역에 미세한 차이가 있었음 (사진위치, 로그인버튼 및 프로필명 위치) => CSS Refactoring
⭕️ 프로필명이 길어지게 되면, 프로필명 오른쪽에 있던 버튼이 안 보였음
=> 프로필과 로그인 영역에 있었던 justify-content에 기본값을 사용하기 위해 space-evenly 삭제
=> span 부분에 width를 줬으나, 안에 내용만큼 width가 늘어나고 싶었기 때문에 width 제거 후, button에 padding을 줌.
🤔 자바스크립트 좀 더 간결하고 최적화 된 코드를 짤 수 있을 지 고민해야함.
✅ 프로젝트 추가 영역
✅ 모달창 구현과 로컬 스토리지에 데이터를 저장
⭕️ 기존 모달창과 똑같은 방식으로 구현하였음.
⭕️ 입력받은 데이터와 임의의 id를 추가하였고, 이러한 데이터를 로컬 스토리지에 전달하였음.
전달하는 과정에서 빈 배열에 객체형태로 전달해줬음.
✅ CSS Refatoring 완료, 자바스크립트 모달창 따로 분리하였음.
✅ 프로젝트 영역에서 우클릭시 프로젝트 추가,편집 모달창
✅ 색상 추가, 프로젝트 완료 및 제거 => 07.05. 색상 추가 및 제거 완료
✅ 프로젝트 편집 부분 완료.
✅ 색상 값 불러오기
✅ 색상 편집 부분 추가 했으나, 기능 구현은 내일예정. => 07.07 완료!
❌ 전체적인 Refactoring 필요. 특히 편집 및 제거 영역 => 주말에 진행할 예정
✅ 메인 영역 html 및 css 추가
✅ 메인 영역 Title 값 받아오기
✅ 일부 CSS 1600px 이상에만 반응형 적용
✅ 할일 입력 및 완료 목록 모달창
❌ 전체적인 Refactoring 필요 => 추후 진행 예정 😭😭😭