목록전체 글 (526)

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
Webscraping의 기초 - XPath

Xpath가 필요할 때는, HTML 내에서 중요한 요소를 가져오는 WebScraping을 사용할 때가 대부분이다. 즉, 웹화면에서 원하는 정보를 가져오고자 할 때, Chrome 브라우저의 개발자 모드에서 Xpath를 가져올 때 사용된다.1. 1 xpath의 정의Xpath란:XPath는 XML 문서 내에서 원하는 요소나 속성을 선택하기 위한 경로 언어"XML Path Language"의 약자XML 문서의 구조를 탐색하고 쿼리하기 위한 표준화된 방법을 제공Xpath 사용법:XPath를 사용하여 XML 문서에서 원하는 요소나 속성을 선택하고 조작하는 방법은 다음과 같다:요소 선택:/: 루트 요소를 선택합니다.//: 현재 노드에서 재귀적으로 모든 하위 요소element_name: 특정 요소 이름을 지정하여 해당..
Source code or Tip/HTML 2024. 9. 8. 10:27
Prev 1 2 3 4 ··· 132 Next