ODOICHON / back-office

🛠 테크 블로그, 주말의집 기술 공유 플랫폼 🛠
https://duaily.net/tech
0 stars 0 forks source link

[feat/main-view] 메인 페이지 화면 구조 설계 및 API 연동 테스트 #9

Closed dldmsql closed 1 year ago

dldmsql commented 1 year ago

주요 작업 내용

피그마 기반 메인 페이지 화면 구조 설계와 Axios 기반 REST API 연동 테스트를 진행하였습니다.

작업 내용

작업 중 발생한 이슈

  1. vue 프레임워크에 대한 이해 부족

프레임워크에서 전역으로 상태 관리하는 방식과 비동기/동기 처리에 대한 이해가 부족해서 코드 구조 잡는 데까지 생각보다 많은 시간이 소요되었습니다.

  1. Typescript 문법 이해 부족

javascript와 달리 타입을 정의해야 하는 언어의 특성을 제대로 인지하지 못한 채 타입 오류를 자주 마주하였습니다..

  1. Bootstrap CSS 적용

부트스트랩을 이용해 퍼블리싱 작업 시간을 단축하고자 했으나, 되려 오래 걸린 것 같습니다..

Notice

구조 설계 혹은 문법적 오류에 대한 적극적인 피드백을 환영합니다 🤗

dldmsql commented 1 year ago

부트스트랩 example-blog 에서 컴포넌트를 참고하여 구현하였습니다.

그 외 컴포넌트 디자인 사이트는 여기에서 참고하였습니다.

서버 API 명세서에서 게시글 전체 조회-페이징 처리와 게시글 상세 조회 API 연동 테스트를 완료하였습니다.

그 외 vue3와 typescript 에 대한 기초는 캡틴판교 님의 github.io 사이트를 참고하였습니다.

dldmsql commented 1 year ago

디테일한 반응형은 ... 아직입니다 🥲