Web Development

네이버 클로바 TTS네이버 클로바의 TTS 서비스는 한국어 지원이 매우 우수하지만, 무료 사용량이 제공되지 않습니다. 월 9만원 기본요금 + 사용한 만큼 글자수 기반으로 요금이 부과되며, 상세한 요금 정보는 네이버 클로바 Voice 페이지에서 확인할 수 있습니다.특징👎) 무료요금 없음. 기본 요금이 월 9만원으로 부담스러움. 초과하면 글자수 기반 추가요금👍🏻) 한국어 음성 자연스럽고, 100가지 음성 제공.👍🏻) 세부 커스텀 가능함. 카카오 i TTS카카오 i의 TTS 서비스도 무료 사용량을 제공하지 않으며, 사용량에 따라 요금이 부과됩니다. 카카오 i 클라우드의 TTS 서비스는 다양한 음성을 제공하며, 요금 관련 정보는 카카오 클라우드 TTS 페이지에서 확인할 수 있습니다. 특징: 2024년 ..

Whisper는 웹에서 수집된 680,000시간의 다국어 및 멀티태스킹 데이터에 대해 학습된 자동 음성 인식(ASR) 시스템입니다. 우리는 이렇게 크고 다양한 데이터 세트를 사용하면 악센트, 배경 소음 및 기술 언어에 대한 견고성이 향상된다는 것을 보여줍니다. 또한 여러 언어로 전사하고 해당 언어를 영어로 번역할 수 있습니다. 우리는 유용한 응용 프로그램을 구축하고 강력한 음성 처리에 대한 추가 연구를 위한 기반 역할을 하는 오픈 소싱 모델 및 추론 코드입니다. * ASR: Automatic Speech Recognition Whisper 아키텍처는 인코더-디코더 Transformer로 구현되는 간단한 종단 간(end-to-end) 접근 방식입니다. 입력 오디오는 30초 단위로 분할되어 log-Mel 스..

ㅠㅠ styled-components와 styled-icon을 다뤄보는 경험이 처음이라 생각해보면 단순한 문제인데 아주그냥 삽질을 해버렸다ㅠㅠ 그치만 검색해도 잘 안나와서 팀원에게도 공유해주어야겠다고 생각하여 정리글을 작성함 (글이 좀 길긴하지만 제일 아래 결론만 보면 되긴함) 구글링해보고 적용하기 아무리 아이콘 컬러를 바꾸려고 해도 안나와서 구글링하다가 해당 styled-icon 라이브러리의 깃허브 이슈에서 컬러를 어떻게 바꾸냐고 질문하는 이슈를 찾았다. https://github.com/styled-icons/styled-icons/issues/625 저 이슈에 달린 코멘트들을 요약하자면 컬러를 바꾸려면 styled-components 에서 바꿔야하고 icon을 직접 import해서 적용해줘야한다. ..

둘다 cross-axis를 기준으로 정렬한다. align-content 여러줄로 요소들이 배치되어 있을 때, 이 여러줄에 대하여 적용된다. 따라서 한줄만으로 이루어져 있거나, nowrap속성이 적용되어 있다면 적용되지 않는다. justify-content와 같이 space-around 등의 속성을 사용할 수 있다. align-items 여러줄이든 아니든 상관없다. 하나의 줄 내에 있는 요소들에 적용된다.

유튜브의 "드림코딩 by.엘리" 님의 4개 영상을 보고 정리한 내용입니다. 이 채널은 제가 정말 좋아하는 코딩 채널이고, 유익한건 말할 것도 없습니다. 깔끔한 설명과 발음, 체계적인 커리큘럼이 무료로 듣기 미안할 정도입니다. 누가 물어보면 꼭 추천하는 채널인데, 제가 강의들으면서 필기했던 내용을 공유하러고 합니다. 프론트엔드 입문자를 위한 내용이고, 링크는 가장 아래에 걸어놨습니다. 공부 법 프론트엔드 공부 순서 누구나 쉽게 접근할 수 있는 영역 취미와 다르게 얼마나 공부해야하는지, 얼마나 깊게 파야하는지 로드맵으로 알아본다 어떻게 공부해나가면 좋을지? 프로젝트단위로 공부해 나간다. 결과물이 있어야 함. 문제해결능력을 키울 수 있다. 따라하기식 공부, 이론식 공부는 문제 해결을 연습할 수 없다. HTML..

html, css, js를 배우고있다. 입문은 노마드코더로 했는데, 좀더 세세하고 체계적인 강의를 찾아다니다가 유튜브에서 엘리님의 강의를 발견! 엘리님의 프론트엔드 입문 재생목록을 싹다 봤다. 마지막에 유튜브 클론코딩하는 프로젝트가 있길래 도전했다. 일단 완성본! 모바일 버전,제목이 길면 2줄정도만 보이도록 설정했다. 삼각형 버튼으로 토글한다. 모바일 기준으로 우선 만들고, 테블릿형태로 확장했다. 너비가 일정이상일 때, 가장 밑에 위치했던 추천영상리스트를 가로로 정렬되도록 재배치했다. 그리고 영상의 뒷배경을 검정색으로 지정하여 배경과 잘 어우러지도록 설정함. 이 프로젝트에 엄청난(?) 기술이 쓰인 건 아니지만, 보통 프론트엔드 개발자들이 마주치는 상황에서 어떤 식으로 생각하는지 배울 수 있었다. 미리 폰..