본문 바로가기
반응형

UX 개발/개발도구와 환경

쇼츠로 업로드된 유튜브 영상, 일반 영상처럼 활용하기 60초 이하에 포트레이트 비율로 촬영된 동영상은 유튜브 업로드 시에 자동으로 쇼츠 영상으로 분류됩니다. 이 때 해당 영상의 고유 주소는 'https://www.youtube.com/shorts/JTNJNuM98mI'처럼 shorts가 중간에 위치하게 됩니다. 그러나 여러 유튜브 영상 삽입 API 활용 프로그램이나, 아임웹과 같은 사이트 빌더에서 영상을 삽입할 때에도 상기 쇼츠 URL을 활용하면 정상적으로 영상 삽입이 힘듭니다. 이 경우에 쇼츠로밖에 올라가지 않는 영상들이 많기에 곤란한 상황이 아닐 수 없습니다. 이에 대한 대응법은 매우 간단합니다. 바로 상기 유튜브 URL에서 ID 값만 가져와 일반 유튜브 영상 URL 형식에 적용하는 것입니다. 위 URL을 예로 들면 'JTNJNuM98mI'가 고유 ID..
포맷팅(코드 자동 정렬) 프로그램 프리티어(Prettier) 설정하기 Visual Studio Code에서 NPM을 사용하여 Prettier를 사용하는 것은 프로젝트 전체에서 코드 일관성을 보장하는 일반적인 설정입니다. 다음은 Visual Studio Code에서 NPM을 사용하여 Prettier를 설정하고 사용하는 방법에 대한 단계별 가이드입니다. 굳이 NPM을 통해서 모듈로서 프리티어를 사용해야 하는 상황이 아니라면 NPM을 통한 설치 단계는 무시하고, 비주얼스튜디오코드용 익스텐션만 설치하는 방식을 취하셔도 무관합니다. 1단계: Prettier 설치먼저, Prettier를 개발 의존성으로 설치해야 합니다:npm install --save-dev prettier2단계: Prettier 구성 파일 생성Prettier 구성 설정을 저장하기 위해 프로젝트 루트에 .pretti..
프로 버전의 GPT를 추구하는 퍼플렉시티(Perplexity) AI 소개 퍼플렉시티 이해하기: 정보를 쉽게 접근하게 만드는 AI 애플리케이션오늘날의 빠르게 변화하는 세상에서 정확한 정보를 신속하게 접근하는 것은 그 어느 때보다 중요합니다. 학생이 프로젝트를 연구하거나, 전문가가 업계 통찰력을 찾거나, 단순히 특정 주제에 대해 더 알고 싶어 하는 호기심 많은 사람이라면, 신뢰할 수 있는 정보를 효율적으로 찾는 것이 매우 중요합니다. 이러한 점에서 혁신적인 AI 애플리케이션인 퍼플렉시티(Perplexity)가 중요한 역할을 합니다.퍼플렉시티란 무엇인가요?퍼플렉시티는 사용자의 질문에 대해 정확하고 종합적인 답변을 제공하기 위해 설계된 고급 AI 기반 도구입니다. 전통적인 검색 엔진이 링크 목록을 반환하는 것과 달리, 퍼플렉시티는 간결하고 관련성 있는 정보를 직접 제공하여 사용자가 ..
웹페이지의 Javascript & CSS(SCSS) 변경 크롬 확장 프로그램 - User Javascript & CSS Chrome Extension 사용자 JavaScript 및 CSS 확장 프로그램으로 코드 커스텀웹 페이지에서 맞춤 JavaScript 및 CSS를 통해 브라우징 경험을 향상시키고 싶으신가요? "User JavaScript and CSS" Chrome 확장 프로그램은 광범위한 맞춤 설정 기능을 제공하는 매우 유용한 도구입니다. 이 다재다능한 확장 프로그램과 그 이점에 대해 소개합니다.UI 개발을 하다 보면 원본 소스가 없더라도 기존에 개발된 웹페이지의 JS와 CSS를 변경해야 하는 상황이 발생합니다. 관련하여 많은 크롬 확장 프로그램들이 있지만, 그 중에 User Javascript & CSS라는 프로그램을 소개 드립니다. 개인적으로 여지껏 나왔던 도구 중에 가장 높은 완성도와 활용도를 지니고 있다고 하며, 원한다면 클라우드 저장소 ..
프론트엔드 개발에 특화된 웹 브라우저 소개 프론트엔드 개발에 유용한 브라우저는 여러 가지가 있으며, 개발 경험을 향상시키는 도구와 기능을 제공합니다. 다음은 몇 가지 주목할 만한 브라우저입니다:구글 크롬:Chrome DevTools: 크롬의 내장 개발자 도구는 매우 강력하고 기능이 풍부합니다. 요소 검사, JavaScript 디버깅, 네트워크 성능 분석, 다양한 기기 및 화면 크기 시뮬레이션 도구를 포함합니다.Lighthouse: 웹 페이지의 품질을 향상시키기 위한 오픈 소스 자동화 도구입니다. 성능, 접근성, 프로그레시브 웹 앱, SEO 등을 위한 감사 기능이 있습니다.확장 프로그램: React Developer Tools, Vue.js devtools, Redux DevTools와 같은 많은 확장 프로그램을 사용할 수 있습니다.파이어폭스 개발..
Mechvibes 소개: 키보드 눌렀을 때 소리 나도록 하기 개인화와 커스터마이징이 중요한 오늘날의 기술 세계에서, Mechvibes는 키보드 애호가들에게 필수적인 도구로 자리 잡고 있습니다. 게이머, 프로그래머 또는 기계식 키보드의 느낌과 소리를 사랑하는 사람이라면, Mechvibes는 타이핑 경험을 한층 더 즐겁게 만들어 줍니다. 이번 블로그 포스트에서는 Mechvibes가 무엇인지, 설치 방법, 그리고 최대한 활용하는 방법에 대해 알아보겠습니다.Mechvibes란 무엇인가요?Mechvibes는 키보드의 키 입력 소리를 사용자 맞춤형으로 변경할 수 있게 해주는 사운드 매퍼입니다. 타자기, 클래식 기계식 키보드, 또는 전혀 새로운 소리로 키보드를 입력하는 상상을 해보세요! Mechvibes는 이러한 소리를 스피커나 헤드폰을 통해 시뮬레이션하여, 만족스러운 청각적..
아르헨티나 국가로 생성한 구글 계정, 한국 이름으로 성인 인증 가능 최근 아르헨티나 국가 설정으로 생성한 구글 계정에 대해 흥미로운 사실을 발견했습니다. VPN을 통해 아르헨티나로 설정한 구글 계정이 한국에서 정상적으로 프리미엄 서비스를 이용할 수 있는지에 대해 실험해본 결과, VPN을 해지한 상태에서도 한국 이름으로 성인 인증을 받아 문제없이 프리미엄 계정을 사용할 수 있었습니다. 이는 한국 내망에서 성인 인증 정보와 구글의 국가 코드가 별도로 관리되기 때문으로 보입니다. 즉, 한국에서 성인 인증을 받을 때 사용되는 정보는 구글 계정의 국가 코드와는 연결되지 않기 때문에 이러한 현상이 발생하는 것입니다. 구체적인 실험 과정은 다음과 같습니다:  1. 구글 계정 생성: VPN을 이용해 위치를 아르헨티나로 설정한 후, 구글 계정을 새로 생성했습니다. 2. VPN 해지: 계..
NordVPN(노드VPN) 무료 환불 받는 방법 1. NordVPN 웹사이트 또는 어플리케이션 로그인웹사이트 또는 모바일 어플리케이션으로 접속해서 환불을 받을 수 있습니다. 기존에 결제했던 인증정보로 로그인합니다. 2. 자동갱신 해지이후 Billing 메뉴로 접속해서, 자동갱신(Auto-renewal)을 해지합니다.3. 인보이스 준비하기결제 내역을 증빙하기 위한 결제 인보이스를 다운 받습니다. 마찬가지로 Billing 메뉴에서 다운받을 수 있습니다. 4. 환불요청 이메일 보내기예상은 했지만, 환불 과정을 편리하게 만들어 두지는 않았습니다. 여기서 보내는 사람 이메일 주소는 가입할 때 사용했던 이메일 계정을 그대로 사용하셔야 합니다. 본인 인증 차원에서 그렇습니다. 이메일을 통해서 관련 내용을 전달해야 합니다. 영어로 보내야 하기 때문에 좀 어려움이 있..
❤️ 외주/과외 문의
🖥️ 클라우드 메뉴판 : 디지털팝