작성 규칙

1. 🟠 작성 상태
   ✅ 작성한 날짜를 기록함으로써 리마인드
   ✅ 작성한 프로젝트를 기록함으로써 프로젝트를 찾아볼 수 있음
   ✅ 몰입 상태를 기술함으로써 하루를 파악하기
2. 🧨 오늘의 공부
   ✅ 알고 있던 기능(내 블로그 링크)
   ✅ 새로 알게 된 기능(레퍼런스 링크)
3. 🎢 학습 소감
   ✅ 왜 이런 공부를 하게 되었는지?
   ✅ 공부한 내용의 난이도는 어땠는지?
   ✅ 공부한 것을 내 것으로 만들 수 있었는지?
   ✅ 오늘 다한것과 하지 못한 것, 내일 해야할 것을 적어보기

🟠 작성 상태

---

🟠 작성 날짜 : 0508, 2022

🟠 작성 프로젝트 : 인스타그램 클론코딩

🟠 몰입 상태 : ⭐⭐⭐ 적당히 몰입함

🧨 Today I Learned

---

🧨 알고 있던 기능

✍ 모달 추가 작성

🧨 새로 알게 된 기능

👀 border-radius가 하위태그에도 적용되도록 하기

레퍼런스 링크

👀 textarea tag 우측 하단 세줄 표시 없애기

레퍼런스 링크

👀 python flask에서 HTTP 인증 401 응답

레퍼런스 링크

🎃 오늘의 KPT

---

🔥오전

🌞점심

상황공유

• 새피드 이미지 업로드 모달 프론트엔드 작성완료
• 목표
  • 새피드 글입력 모달 추가
  • 옵션버튼 모달 기능오류 픽스
  • 피드포스트 모달 추가
  • 피드 텍스트 숨기기 및 더 보기 기능
  • 캐러셀 인디케이터 추가
• GIT TIL, README 작성

KPT 회고
1. Keep : 브랜치 전략, 깃허브 싱크, 조금 진전이 없더라도 개발 이어나가기
2. Problem : TIL을 미처 작성하지 못함
3. Solution : 생각나는 즉시 회고 및 블로그에 작성하기
4. Try : 작업 커밋을 더 세세하게 나누고 학습과 휴식을 구분하기

🌀저녁

상황공유

• 새 포스트 모달 : 이미지를 추가한 형태의 애프터 업로드 모달, 다음으로 넘어가 텍스트를 입력할 컴플릿 포스트 모달 추가 및 깃허브 메인 병합
• 옵션 버튼 모달 : 창에서 뜨지 않고 콘솔 오류가 뜨는 것 픽스
• 저녁 목표 : 피드 텍스트 더보기 기능과 캐러셀 인디케이터 기능 추가 목표

KPT 회고
1. Keep : 무작정 가져다 쓰는 것이 아닌 한번 씩 코드를 리뷰하면서 로직을 생각해보고 코딩하는 습관
2. Problem : 지나치게 스트레스 받는 마인드셋
3. Solution : 작업 세분화를 조금 더 해서 천천히 단계 별로 진행하기
4. Try

상황공유

• 메인페이지에서 피드를 확인하고 댓글을 작성하는 피드모달의 뼈대 및 팝업 스타일 및 자바스크립트 구현완료
• 캐러셀 인디케이터 시도 실패, 더보기 기능 시간 부족으로 시도하지 않음
• 브라우저에서 특정 static 파일들이 제대로 불러지지 않는 에러 수시 발생

KPT 회고
1. Keep : 힘들어도 의자에 붙어서 개발시도하기
2. Problem : GET (static file name) net::ERR_INVALID_HTTP_RESPONSE 오류 발생
3. Solution : 내일 바로 해당 이슈에 대한 오류 파악 및 개선 방법을 반드시 TIL로 작성하기
4. Try

🎢 학습 소감

---

🎢 왜 이런 공부를 하게 되었는가?

😭 개발 프로젝트에서 프론트엔드 마무리

• 초기 일정 계획에서는 프론트 엔드를 4일차에는 마무리 하고 싶었다. 주말을 사용해서라도 빠듯한 이틀 동안 API를 작성하는 것은 쉽지 않았다고 생각했기 때문이다.
• 의외로 인스타그램은 많은 모달을 요구한다. 포스트, 피드업로드, 경고까지... 모두 구현하는데에는 상당히 시간이 소요되었다.

🎢 공부한 내용의 난이도는 어땠는가?

🥊 모달의 로직

• 처음에 숨겨뒀다가 꺼내는 형식의 모달은 가져다 쓰기만 해서는 정말이지 이해하기가 어려웠다.
• 때문에 여러 번을 구현해 내기 위해서 어떤 식으로 작동하는지 원리를 이해해야만 했다.
• 난이도는 아주 어려운 것은 아니지만 로직을 이해하는데 상당한 시간을 소요했다.

🎢 공부한 것을 내 것으로 만들 수 있었는가?

👍 모달의 원리를 어느정도 이해했다고 볼 수 있다

• 모달배경>모달윈도우>팝업내용 으로 구성된 모달을 꺼내기 위한 여러 스타일 속성을 공부하는 시간이 되었다.
• 기존 부트스트랩으로 모달을 가져다 쓰지 않아도 어느 정도는 모달을 만들어 쓸 수 있게 되었다는 점에서는 모달 구현이라는 기능을 내 것으로 만든 것 같다.

🎢 오늘 마친 것, 마치지 못한 것, 해야할 것

• 마치지 못한 것
  1. 피드모달
  2. 메인페이지 피드 내용 더보기
  3. 하트 애니메이션
  4. 로그인 abort(401)
  5. 추가 경고 모달(정말로 취소하시겠습니까?)
• 내일 해야 할 것 : 마치지 못한 것 + API 개발문서 팀과 함께 작업 시작