[Common] 수정 사항, 미구현 사항, 추후 Refactoring 사항

[Hooni07]

수정 사항 및 필수 구현 사항

main page

list page

• 인기 롤링 페이퍼 인기순으로 sort, 반응형 작업
• emoji 나오는 부분 color일 때 z-index 수정

post id page

• 배경화면 이미지 적용이 안됨
• 카카오톡 공유 화면 ui/공유 기능 (netlify로 배포된 사이트로 공유)
• url 공유 toast로 구현
• emoji dropdown 반응형
• card 반응형 작업

post id edit page

• card 삭제 버튼(휴지통 모양) 클릭 시 해당 card 삭제

message page

• 반응형 작업(+폰트 박스 '나눔손글씨 손편지체'선택 시 박스 크기 늘어남)
• message에서 작업한 text내용(bold, 색상, 가운데 정렬 등등) 적용 되도록 수정

미구현 사항

main page

list page

• mobile, tablet에서 터치로 좌우 스크롤

post id page

• 작성 인원수 ui(sub header쪽 user profile)
• card 무한 스크롤(intersectionobserver/pagenation 중에 하나로 구현)
• emoji 데이터 get으로 받아오기
• emoji 입력할 때마다 post로 데이터 api로 보내기

API

• issue에서 미구현 사항에서 필요한 부분 구현 및 사용

추후 Refactoring 사항

main page

• 사용된 이미지 고화질 이미지로 변경
• 스크롤 안되도록 설정
• 360px로 작업할 경우 깨짐(mobile 최소 크기가 360px)

list page

• 롤링페이퍼 화살표로 넘길 때 animation

post page

• 콘솔 창에 뜨는 warning 수정
• (To.) input에서 '값을 입력해주세요'가 아래 div를 밀어내지 않도록 수정

post id page

• 공유하기 버튼 눌렀을 때 콘솔 창에 뜨는 warning 수정
• 공유하기 버튼 카카오 공유하기 눌렀다가 확인 누르고 다시 공유하기 버튼 키면 warning 발생
• 공유하기 버튼 url 복사 누르면 warning 발생
• 카카오톡 공유하기 모달 열린 상태에서 url 공유도 추가로 열리는 사항 수정
• card 클릭 시 모달 생성
• card 수정하기 버튼 좌측 정렬
• edit page로 넘어갈 때 rerendering 발생 수정
• post id page, post id edit page 겹치는 코드 리펙토링
• 없는 페이지(예시=id가 1234인 페이지) 접속 시 이동되는 사항 수정

공통 사항

• 전체적인 모달 외부쪽 클릭하면 모달 창 닫히도록 설정
• 폴더 구조 및 중복되는 코드 정리할 수 있는 것 모아서 리펙토링
• styled-components 정리
• .env에 환경변수 넣어서 관리하도록 리펙토링 #119
• px->rem으로 변환
• jsx 포함된 js파일 확장자 이름 jsx로 변경
• console.log 지우기
• 언어 설정 en->kr로 변경
• 화면별 animation (hover, click, motion...)