작업 진행 및 상황

• 방명록 html 마크업 빌드 & Css
• 방명록 글 저장, 수정, 삭제 구현

앞으로 수정할 사항

• html <header>, div.header 정리
• 배포 가능한지 확인 필요
• ui 필요 : 비밀번호 입력, 방명록 수정 시 비밀번호 확인
• alert 디자인 수정
• 웹디자인 컬러시스템 정비
• section 추가로 분량 확보
• 디자인을 따로 할 예정이 있다면 빠르게 해야한다.

오늘 새로 알게된 내용

• 피그마는 무료로 제공되기도 한다고 한다. 추후에 찾아볼 것
• 깃의 명령어는 많지 않지만 복잡하기에 어려워 한다고
• 리액트로 투투리스트 만들기 반복하면 리액트를 익히는 데 도움이 된다고 한다.
• 책 - 클린코드 추천

발생한 오류 & 이를 해결한 내용

• html에 id가 여럿이면 javascript 이벤트는 첫번째 요소만 받음
• html에 같은 id의 input이 여럿있으면 첫번째만 이벤트가 동작한다. -> input박스가 필요해지면 html에 그려지도록 수정
• 버튼을 누르면 해당 버튼의 부모의 부모와 부모의 형제 요소들을 선택해서 class를 추가하려 했다가 부모의 부모에 id를 붙이고 css에 상태를 설정하였다. javascrpit로 부모의 부모만 선택해 id를 추가 삭제해서 하위 요소들의 display:none을 컨트롤 하였다.
• 협업 중인 깃이 합쳐지는 과정에서 충돌이 발생하였다. 아직은 익히는 중이니 merge 하기 전에 원본 백업을 해놓고 병합과 pull을 반복하였다.