Development

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

리액트로 사내 UI 라이브러리를 제작중에,headless UI 라이브러리의 개념과 적용기, 다른 라이브러리들과 headless 라이브러리들 간의 비교 등에 대해 잘 쓰여진 아티클을 찾아 번역해보았습니다. 저는 자체 UI 라이브러리를 만드는 입장에서, headless 컨셉을 이해하는데 매우 큰 도움이 되었습니다. 모두 도움이 되길 바랍니다!원문: Headless components in React and why I stopped using a UI library for our design system Headless components in React and why I stopped using a UI library for our design systemIn the past five years I’v be..

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

출처: "You don’t know JavaScript until you can beat this game" https://javascript.plainenglish.io/you-dont-know-javascript-until-you-can-beat-this-game-aa7fd58befb [You don’t know JavaScript until you can beat this game] You don’t know JavaScript until you can beat this game Put your money on the winning horse every time and you can yourself a true JavaScript connoisseur javascript.plainenglish.io..

오늘은 개인적으로 진행중인 코딩스터디에서 나온 토픽에 대해 궁금해져서 공부한 내용이다. 자바스크립트 신택스를 공부하다가, callback함수, arrow function 등 이야기가 나왔다. 그런데 근본적으로 왜? callback함수를 쓰는가. 왜? WHY? (왜에 대한 궁금증은 정말 중요하다고 믿고있다. 그래서 왜....에 대해 곰곰히 생각해봄) 콜백함수 없이 쓰기 function repeatNoCallback(num) { for (let i = 0; i < num; i++) { print("hello world"); } } function print(string) { console.log(string); } repeatNoCallback(5);매우 간단한 함수이다. num이라는 숫자를 받아서 그만큼 ..

모던자바스크립트 "4장 변수", "13장 스코프"을 읽으며 정리하여 공부했습니다. 사실 어디서 많이 들어봤고 면접단골질문이라는 실행컨텍스트..를 공부하려고했는데, 읽다보니 var와 스코프, lexical environment에 대한 이해가 전무하다고 판단하여 변수와 스코프를 먼저 공부하게 되었다. 하핫 let, const까지 공부하면 소화할 수 있으려나... 모던자바스크립트 딥 다이브를 읽고계시다면, 책에서는 다른 챕터로 다루었지만, 변수와 스코프는 이어지는 맥락으로 설명되기 때문에 변수를 읽은 후 스코프를 읽으면 더 이해하기 좋을 것 같습니다. var의 특징과 장단점 var은 우선 ES6에서는 const,let에 밀려 사용이 권장되어 지지 않는다. var에 어떤 특성이 단점으로 나타났기 때문인가? 특성..