ux dev

60초 이하에 포트레이트 비율로 촬영된 동영상은 유튜브 업로드 시에 자동으로 쇼츠 영상으로 분류됩니다. 이 때 해당 영상의 고유 주소는 'https://www.youtube.com/shorts/JTNJNuM98mI'처럼 shorts가 중간에 위치하게 됩니다. 그러나 여러 유튜브 영상 삽입 API 활용 프로그램이나, 아임웹과 같은 사이트 빌더에서 영상을 삽입할 때에도 상기 쇼츠 URL을 활용하면 정상적으로 영상 삽입이 힘듭니다. 이 경우에 쇼츠로밖에 올라가지 않는 영상들이 많기에 곤란한 상황이 아닐 수 없습니다. 이에 대한 대응법은 매우 간단합니다. 바로 상기 유튜브 URL에서 ID 값만 가져와 일반 유튜브 영상 URL 형식에 적용하는 것입니다. 위 URL을 예로 들면 'JTNJNuM98mI'가 고유 ID..

Visual Studio Code에서 NPM을 사용하여 Prettier를 사용하는 것은 프로젝트 전체에서 코드 일관성을 보장하는 일반적인 설정입니다. 다음은 Visual Studio Code에서 NPM을 사용하여 Prettier를 설정하고 사용하는 방법에 대한 단계별 가이드입니다. 굳이 NPM을 통해서 모듈로서 프리티어를 사용해야 하는 상황이 아니라면 NPM을 통한 설치 단계는 무시하고, 비주얼스튜디오코드용 익스텐션만 설치하는 방식을 취하셔도 무관합니다. 1단계: Prettier 설치먼저, Prettier를 개발 의존성으로 설치해야 합니다:npm install --save-dev prettier2단계: Prettier 구성 파일 생성Prettier 구성 설정을 저장하기 위해 프로젝트 루트에 .pretti..