[feat/write-veiw] 글 작성 페이지 및 로그인 페이지 개발

[dldmsql]

작업 내용

• 로그인 페이지 화면 개발
• 로그인/로그아웃 API 연동
• 메인 페이지 글 조회 API 연동
• 카테고리에 따른 필터링 적용
• 금주의 핫 게시물 API 연동
• 글작성 페이지 화면 개발
• 글작성 API 연동
• 게시글 상세조회 개발
• 자동로그인 개발
• nav 바에 따른 동적 라우팅 적용
• 게시글 수정 API 연동
• 게시글 삭제 API 연동

이슈

1. vue3 와 typescript, Toast ui 라이브러리 호환 문제

vue3 기반 레퍼런스가 많지 않아서 ... ChatGPT 훈련시키며 코딩하고 있습니다.. 🥲

[dldmsql]

Toast UI 공식문서 참고 Toast UI 깃헙 저장소 참고 Vue3, typescript 기반 로그인 구현 블로그 예제 참고

위의 사이트 참고하며 개발 진행하였습니다.

[dldmsql]

Vue3와 Typescript, Toast-ui 라이브러리 호환성 이슈 때문에 적용이 쉽지 않았습니다.. 🥲 vue2 와 vue3 문법도 달라지고, js가 아닌 ts이다 보니 타입 오류를 굉장히 많이 마주하고 있습니다..ㅠㅜ Toast-ui 라이브러리 내부에 선언된 변수들을 불러오지 못한다거나 라이브러리 인식이 안되는 이슈가 계속 발생해서 다른 라이브러리를 사용해보려고 했으나, 이것 역시 쉽지 않아서 Toast-ui 를 사용하기로 결정했습니다. ( Editor 자체가 보여지지 않더라구요.. )

Editor 적용은 어찌저찌 했는데, Viewer 적용이... 왜 안되는 건지 원인 파악 중입니다.. ( API 연동은 다 했는데 말이죠 🥺 )

로그인된 상태 유지를 위해 helper 함수로 만들어서 매핑하도록 하고 있는데, 이것도 어느 순간 가면 풀리더라구요.. 풀리는 지점과 원인 파악을 할 예정입니다!

select box 에 들어가는 constant 값을 따로 빼서 import 하는 형식으로 관리하는 게 일반적일까요..? 아니면 그냥 해당 컴포넌트 내부에 정의해서 쓰는 게 일반적일까요..??

[dldmsql]

유효성 검사는 아직입니다 ... 디테일한 것들은 차차 반영할게요 😵‍💫

[JunJongHun]

저도 vue.js를 사용해본적이 없어서.. 제외하고 나머지 부분을 한번 쭉 봤습니다! 우선, 타스 너무 잘 사용해주신 것 같아서 보기 좋았습니다! 가독성도 좋았구요! 전반적으로 훌륭하셨어요👍