[TIL] 230207

오늘 to do

⭐️ 필수

• github readme 수정
  • 페이지 주요 기능
    • [x] 페이지마다 주요 기능들 표로 정리
  • 컴포넌트 정보
    • [ ] 폴더 별 컴포넌트 정보 및 설명
  • 기술적 의사 결정
  • 트러블 슈팅
  • 도전하고 싶었던 기술들
• 크로스 브라우징
  • [ ] 웹폰트 적용 문제
• 렌더링 최적화
  1. 리소스 줄이기(폰트, 이미지)
     • [ ] 이미지(새로고침 등) → 폰트로 적용
  2. 코드
     • [ ] useCallback 사용해서 최적화
  image CDN→ 도표, 그래프 등 수치화 자료만들고 github readme 애 update
• lazy loading : Img 태그 loading 속성에 lazy주거나 IntersetctionObserver 사용 등
• 전체 UI 수정 (수빈)
  1. 로그인 페이지
     • [x] 카카오 로그인 버튼 업데이트
  2. 로비 페이지
     • [x] 환영 문구 폰트 자간 변경
     • [x] 방검색 input 글자색 및 굵기 수정
     • [ ] 계란 판 css + 방 간격 수정
     • [ ] 새로고침 버튼 위치 수정
     • [x] 계란 상하 margin 수정
     • [x] 방 없을 때 문구 + 캐릭터 위치 수정
  3. 설정 모달
     • [x] 설정에서 닫기 엑스 표시 삭제
     • [x] 설정 모달 단락 path 선 삭제
     • [x] 회원탈퇴 굵기 수정
     • [x] 탈퇴진행하기 버튼 수정
     • [x] 닉네임 변경 input background 수정
     • [x] BGMTab margin 수정
     • [x] 카카오 회원탈퇴 추가
  4. 게임방 페이지
     • [x] 오답 모달 추가
  5. 커뮤니티 페이지
     • [x] 카테고리 selectBox css
     • [x] 사진 아이콘 표시
     • [x] 게시글 없을 때 문구 및 캐릭터 수정
  6. 글쓰기 페이지
     • [x] 글쓰기 제목, 내용 border 삭제
     • [x] 첨부파일 문구 width 수정
     • [x] 카테고리 selectBox css
     • [ ] 유저 피드백 스크롤 css

~ 필수 ⭐️

 

깃허브 리드미를 간략하게만 적어서 보충해야 하고 UI 수정하느라 웹폰트랑 렌더링 최적하는 구글링도 못 해봤다. 벌써 화요일이 끝났다니 믿을 수 없어ㅜㅠ 나의 속을 썩이는 계란들 위치를 다시 손보고 새로고침 위치도 바꿔야 한다. 글쓰기 페이지에서 유저피드백 스크롤도 예쁘게 바꾸고 싶다. 최종 발표회때는 실제 배포 환경에서 웹으로 보여줄 텐데 피드백 받았던 부분들은 다 반영하고 싶다. 기술은 언제 딥하게 공부하지?! 잠오지만 힘내자....!

 

https://velog.io/@shyunju7/react16#-customselect-%EC%99%84%EC%84%B1%ED%95%98%EA%B8%B0

[React] 16.customSelect 만들기