목록Source code or Tip/Others (25)

Vintage appMaker의 Tech Blog

[크롬확장] HTML을 React로 변환

> 크롬브라우저에서 요소를 클릭하면  React 컴포넌트로 정리하고 싶을 때가 있다. 그럴 때 유용하게 사용할 수 있는 확장프로그램은 아래와 같다.  https://chromewebstore.google.com/detail/html-to-react/glefoejbpalgpdgfbbmemfgegepiamnd HTML to React - Chrome 웹 스토어The fastest and smartest way to analyze HTML elements and generate full React component representations.chromewebstore.google.com 위의 확장 프로그램을 설치 후, 실행을 하면 위의 상단의 버튼 4개가 보인다. 이곳에서 1. 실행[>] 을 선택2. 화면의..
Source code or Tip/Others 2024. 11. 10. 16:46
크롬에서 웹사이트 .mht로 저장

https://chromewebstore.google.com/detail/save-as-mhtml-mime-html/djbjejcpegcimjdappppobfhaafbmjpf?hl=ko-KR Save as MHTML (MIME HTML) - Chrome 웹 스토어Save a page content & incorporate all resources (i.e. images) in a single file!chromewebstore.google.com  생성AI(ChatGPT, Gemini, Perplexity)에서 프롬프트로 만든 맥락(Context)를 백업하기에 최적.
Source code or Tip/Others 2024. 10. 16. 22:44
크롬에서 유튜브 메모 - NattyNote

NattyNoteyoutube를 시청하며 timeline 기준으로 메모1. 설치다음 링크로 설치크롬에서주소 창 옆의 아이콘 버튼 중, 확장 프로그램 선택Natty Note를 선택하고 핀모양 아이콘 클릭주소창 옆에 아이콘 버튼으로 고정됨2. 설정 2. 설정NattyNote 아이콘을 클릭상단의 Settings를 클릭3. 중요 핵심기능 설명화면 멈춤없이메모만 저장: ALT + U메모와 화면 저장: ALT + SHIFT + U화면 멈춤하고메모만 저장: ALT + P메모와 화면 저장: ALT + SHIFT + P메모저장ALT + ENTER 4. 메모 사용법플러그인이 설치된 상태 되었다는 가정 하에chrome에서 youtube를 시청한다원하는 화면이 보인다.ALT + SHIFT + P를 누른다.반투명 메모창이 화면..
Source code or Tip/Others 2024. 9. 28. 10:57
lazyvim을 이용한 neovim 빠르게 활용하기

NeoVim은 Vim의 확장된 프로그램이다. 기존 Vim보다 강력한 기능을 제공하고  lua로 개발가능한 플러그인 마켓이 활성화 되어 있다. 개발 IDE로 사용하는 경우도 있는 데, 대부분 프론트엔드 개발에서 사용된다. 커맨드환경(콘솔환경)에서 가볍고 강력한 에디터로 사용성이 높다.  Vim이 기반이다보니 VI에 대한 기본지식이 필수적이다. 그리고 설정이 상당히 까다로운데, 아래와 같은 방법을 사용하면 단순하게 몇 번의 copy&paste를 통해 터미널에서 설치가능하다.  1. NeoVim 설치2. LazyVim으로 설정
Source code or Tip/Others 2024. 5. 16. 10:18
Prev 1 2 3 4 ··· 7 Next