목록전체 글 (528)

Vintage appMaker의 Tech Blog

windsurf로 만든 Next.js Tutorial

GitHub - VintageAppMaker/NextJsTutoial_with_ai: Windsurf에서 프롬프트를 활용한 Tutorial 작성Windsurf에서 프롬프트를 활용한 Tutorial 작성. Contribute to VintageAppMaker/NextJsTutoial_with_ai development by creating an account on GitHub.github.com Next.js Tutorial Examples이 프로젝트는 Next.js의 주요 기능들을 학습할 수 있는 예제 모음입니다. 예제 목록 1. 기본 라우팅 (Basic Routing) 2. 동적 라우팅 (Dynamic Routing) 3. API 라우트 (API Routes) 4. 데이터 페칭 (Data Fetchin..
Source code or Tip/javascript 2024. 12. 28. 09:59
windsurf로 만든 React Tutorial

GitHub - VintageAppMaker/react_tutorial_with_ai: Windsurf에서 프롬프트를 활용한 Tutorial 작성Windsurf에서 프롬프트를 활용한 Tutorial 작성. Contribute to VintageAppMaker/react_tutorial_with_ai development by creating an account on GitHub.github.com  React 기초 학습 예제👾 일러두기windsurf를 이용하여 한 줄 코딩도 없이 tutorial을 작성프롬프트만으로 코드와 문서를 작성How to use prompt가 목적sonet 3.5 기반 프롬프트🤔 반드시 숙지:프롬프트가 만들어주는 코드와 문서는 훌륭하다. 단지, 프로그래밍은 손과 머리로 하는 것..
Source code or Tip/javascript 2024. 12. 14. 14:23
[크롬확장] 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
Prev 1 2 3 4 ··· 132 Next