기록하고 싶은 것들

오늘은 기존 작성했던 UI에 간단한 기능들을 추가하였다. 현재로서는 아직 백엔드쪽 구축이 덜 되서 json-server를 이용하여 간단하게 글의 정보를 받아오는 정도만 구현했다. components/CommentBox 댓글을 작성하고 제출 시, 알림 버튼을 누르면 댓글이 작성되는 기능을 추가하였다. 댓글의 남은 글자 수도 하단에 위치해 두었다. // Comment 출력시 사용되는 컴포넌트 function CommentBox({ commentList }) { const [isWrite, setIsWrite] = useState(false); const [comments, setComments] = useState([]); const [newComment, setNewComment] = useState(''..

오늘은 프로젝트의 요구사항에 따른 화면 정의서를 제작해보았다. 내가 맡은 페이지는 마이페이지(profile),유저페이지(profile),질문 작성 페이지, 헤더였다. 마이페이지(profile) 유저페이지(profile) 질문 작성 페이지 헤더 직접 화면의 기능들을 명시화하고 구체화하니 실제 프로젝트를 진행할 때, 어떤 점을 중요시하고 구현해야할지가 대략적으로 보이는 시간이었다.

오늘은 프리 프로젝트의 UI 컨셉을 정하는 회의를 하였다. 우선 백엔드 파트와의 협의에서 기한안에 구성하지 못할 것 같은 기능들에 대해서는 과감하게 없애거나, 수정하였다. 회의 내용은 반응형 구현, 메인 컬러, 컨셉, 폰트 사이즈 등 공통적으로 정해야할 우선순위들에 대해서 정했다. 반응형은 기능 구현이 끝난 이후에, 후순위로 미루어 졌고, 아래 처럼 기본적인 설정을 마쳤다. 이후 각자 맡은 부분을 피그마로 구현하였는데, 나는 Nav, Header의 제작을 맡았다. 추가적으로 시간이 남아서 질문 상세 페이지의 구현을 도왔다. 아래는 구현한 페이지들의 목록이다.