myCalendar 개발일지

HappyDay·2023년 7월 17일

myCalendar

목록 보기

2/7

오늘은 myCalendar 프로젝트의 두 번째 날입니다. 기능 정의와 웹 페이지 디자인에 집중하여 작업하였습니다. 기능 정의와 웹 페이지 디자인을 먼저 진행한 이유와 추가로 공부한 내용에 대해 다시 한 번 소개드리겠습니다.

기능 정의와 웹 페이지 디자인을 먼저 진행하는 이유에 대해 설명드리겠습니다.

요구 사항 명확화: 기능 정의를 통해 프로젝트의 요구 사항을 명확하게 파악할 수 있습니다. 어떤 기능이 필요하고 어떤 동작을 해야 하는지를 미리 정의함으로써 향후 개발 과정에서 오해와 혼란을 방지할 수 있습니다. 또한, 사용자 요구사항과 개발자들의 목표를 정확히 일치시키는 데 도움이 됩니다.
우선순위 설정: 모든 기능을 동시에 개발하기 어려울 수 있습니다. 기능 정의 단계에서 우선순위를 정해 필수 기능과 선택적 기능을 구분하여 개발 순서를 결정합니다. 이를 통해 중요한 기능을 먼저 구현하여 핵심 기능을 빠르게 제공할 수 있습니다.
디자인 기준 마련: 웹 페이지 디자인은 사용자 경험에 큰 영향을 미치는 요소입니다. 기능 정의와 함께 디자인 기준을 마련하여 어떤 레이아웃과 디자인을 사용할지 결정합니다. 이는 개발 초기부터 일관된 디자인을 유지하고 사용자들에게 통일된 경험을 제공하는 데 도움이 됩니다.
효율적인 개발 진행: 기능과 디자인이 명확하게 정의되면, 개발자들은 목표를 바로 잡고 효율적으로 개발에 착수할 수 있습니다. 불필요한 수정과 개발 중의 방향 변경을 최소화하여 개발 시간을 단축시키고 효율성을 높입니다.

기능 정의와 디자인 작업 외에도 myCalendar 프로젝트를 진행하면서 추가적으로 공부한 내용들이 있습니다.

React Hooks: React Hooks는 함수형 컴포넌트에서 상태(state)와 생명주기(lifecycle) 기능을 사용할 수 있게 해주는 기술입니다. 이를 통해 기능을 더욱 간결하고 가독성 있게 구현할 수 있습니다.
Spring Boot RESTful API: Spring Boot에서 RESTful API를 개발하는 방법을 학습했습니다. RESTful API를 통해 프론트엔드와 백엔드 간의 데이터 통신을 원활하게 처리할 수 있습니다.
디자인 도구 활용: 디자인 작업에 필요한 도구들을 학습하고(Figma) 활용하는 방법을 익혔습니다. 그래픽 디자인 도구, 프로토타이핑 도구 등을 사용하여 사용자 인터페이스 디자인에 필요한 자료들을 제작하였습니다.

디자인 작업에서 Naver 캘린더의 디자인을 많이 참고하였습니다. Naver 캘린더의 디자인 강점들을 분석하고, 이를 myCalendar 프로젝트에 적용함으로써 사용자들이 보다 편리하게 일정을 관리할 수 있는 디자인을 구성하였습니다.

참고한 Naver 캘린더의 디자인 강점:

단순하면서도 세련된 디자인 : Naver 캘린더의 단순하면서도 세련된 디자인을 따라가려고 노력했습니다. 불필요한 요소들을 최소화하여 사용자들이 쉽게 일정을 관리하고 추가할 수 있도록 디자인하였습니다.
일정 시각화: Naver 캘린더에서는 일정을 색상으로 시각화하여 사용자들에게 직관적으로 표현합니다. 이러한 시각화 기법은 사용자들이 한눈에 자신의 일정을 파악할 수 있게 도와줍니다. myCalendar에서도 비슷한 시각화 기법을 활용하여 사용자들에게 일정을 직관적으로 표현하고자 합니다.
일정 카드 디자인: Naver 캘린더는 각 일정을 카드 형식으로 표시합니다. 이렇게 일정을 카드로 표현하면 일정을 보다 명확하게 구분할 수 있고, 더 많은 정보를 카드에 담아 사용자들에게 편리함을 제공할 수 있습니다. myCalendar에서도 유사한 일정 카드 디자인을 도입하여 사용자들이 일정을 보다 쉽게 관리할 수 있도록 하고자 합니다.