![]()
타입캐스트 vs 일레븐랩스 vs 수퍼톤 vs Hailuo AI유튜브에서 다른 tts들과 비교하는 영상을 봤는데1) 개발자를 위한 api가 있으면서2) 한국어로 일상 대화가 가장 자연스럽게 표현 되면서3) 아이를 대상으로 하는 우리 서비스에 적절한 음성이 있는4) 게다가 저렴한 MiniMax사의 Hailuo tts를 적용하기로 했다. 근데 구글링 해도 공식 문서조차 바로바로 보기 힘들었고 한국어로 된 정보나 사용 후기를 찾아보기 힘들어서 이 글을 작성한다.API 사용을 위해서는 아래 링크로 접속해야한다. MiniMax-Intelligence with everyoneMiniMax is a leading global technology company and one of the pioneers of large ..
![]()
Layout.tsxnext.js는 상위폴더로 이동하여 레이아웃이 있는지 확인하고레이아웃이있는 경우에 그 레이아웃을 사용하여 하위 항목을 렌더링한다. 레이아웃은 중첩된다.레이아웃이 생성될 때는루트 레이아웃을 가져옴 -> url를 확인 -> 해당 폴더 안에 layout파일이 있는지 확인 -> 레이아웃이 있다면 그 레이아웃을 밖에 있는 다른 레이아웃 안에 렌더링 -> ... 이런 과정으로 반복된다.route groupsroute groups로 생성된 폴더는 URL을 생성하지 않는다. 소괄호() 안에 이름을 적고 폴더를 생성하면 된다.dynamic routes대괄호[]를 사용하면 dynamic routes를 구현할 수 있다.URL의 id 값을 받아오기 위한 코드를 짜고export default function ..
![]()
Library vs FameworkReact는 라이브러리(우리가 구조에 관한 결정을 내림. 폴더 구조, 파일의 이름 등)이고 Next.js는 프레임워크이다. 프레임워크가 우리의 코드를 호출해서 실행된다는 개념이다.라이브러리와 다르게 우리가 결정을 내리거나 import 하지 않는다. 그래서 우리는 코드를 올바른 위치에 배치하고 함수에 올바른 이름을 지정하는 등 프레임워크의 '규칙'을 따라야한다.Next.js 제공 파일명Next.js라는 프레임워크에서 제공하는 기본 파일명이 있다.page.tsxNextJS에게 Routes를 알려주는(url을 정하는) 방법은 app폴더 안에 원하는 경로 이름을 가진 폴더를 생성하기만 하면 된다. (react-router-dom처럼 하나하나 설정할 필요가 없다!) 그리고 pag..
