개발자
류준열

한국어 받아쓰기

화면 재구성 및 Clova API 이용

https://korean-dictation.wnsdufdl.com/

코파일럿 해지하고 Cursor로 갈아탔다. 코드를 만들어주니까 편하긴한데 그래도 디테일 마무리는 사람이 해야한다.
그리도 초기 세팅이나 간단한 작업, 반응형UI같은건 그냥 해달라하면 편해서 좋다.

화면이 너무 구려서 다시 만들었다.

  • before

  • after

어제 음성소스 어떻게 딸까 고민하다가 그냥 Clova api 9만원 결제했다. 그런데 영 별로다.
유튜브 영상가지고 어떻게든 해봐야 할까 싶다. 그리고 내가 유저라도 영상이 있어야 재밌게 할 것 같다.
스토리가 있어야 한다.

브레드크럼 만들고 등등 그냥 화면 전반적으로 좀 다듬었다.

그리고 동네 친구가 피드백 준 맥락이 담긴 받아쓰기 넣었다. 그런데 Clova api도 별거 없다. 너무 어눌해

sitemap

next에서는 서버단에서 정적페이지를 만들 수 있지만 react는 CSR이라 next처렁은 못한다.
빌드할때 sitemap.xml을 만들면 되겠다라고 가볍게 생각했지만 실패했다.

export const LESSONS: LessonCardType[] = [
  {
    id: "vacations",
    ...
  },
  {
    id: "friend_meetup",
    ...
  },
];

LESSONS의 각 id가 url path가 된다 (/category/:categoryId)
빌드할때 위 파일을 읽게 하려 했는데, ESM, CJS간의 충돌문제를 해결하다가 시간이 너무 오래걸려 일단은 수동으로 sitemap 수정하기로 했다.