[Github Pages] 리액트 프로젝트 깃허브 페이지로 배포하기🌟
·
study/Git👾
개요 맨날 로컬에서만 개발하면서 화면공유해서 진행상황을 공유했었는데ㅎㅎ,,, 프론트 결과물을 수시로 다른 파트 분들이 확인할 수 있게 적당히 배포할 필요성을 느꼈다. 아직 EC2 파서 배포해본 경험이 많지는 않아서 깃헙 페이지로 배포해보기로 했다. html 처음 공부할 때였나 한 번 배포해보려다가 실패한 기억이 있었어서 어려운 줄 알았는데 진짜 겁나 쉬웠다.. 버튼 3번 클릭 정도?ㅠㅠ 배포하기! 일단 레포지토리 만들어서 프로젝트에 연결하셔야 해요! 저는 이미 레포 파놨어서 이건 생략할게요. git remote add origin 링크복붙 git add . git commit -m 브랜치명 하시면 됩니당 그 다음부터 차근차근 하시면 돼요~! 1. 프로젝트 폴더 가서 npm install --save gh..
Vercel이 만든 프론트엔드 생성 AI v0
·
study/프론트엔드🔯
ChatGPT가 나오고 코드 짜기 진짜 편하다~~ 한 지 0.3초 된 거 같은데 Vercel에서 무려 리액트 컴포넌트를 만들어주는 인공지능을 만들었다. 2023년 9월 15일에 출시했는데 난 방금 알았다.. 아직 Private Alpha 버전이라 쓰고 싶으면 대기해야 하고 2주 정도 뒤에 메일이 오면 사용할 수 있다. https://v0.dev/ v0 by Vercel Generate UI with simple text prompts. Copy, paste, ship. v0.dev 아직 승인메일이 안 와서 직접 사용해보진 않았지만 다른 분들이 하신 걸 보면 정말 엄청난 것 같다. 여름쯤 figma dev mode Anima 플러그인 보고도 놀랐던 것 같은데 사실 피그마 디자인부터 잘 생각하고 만든 거 아..
cowboysj