[유데미x스나이퍼팩토리] 프론트엔드 프로젝트 캠프 - npm과 pnpm, yarn / axios와 fetch

벌써 프로젝트를 시작한지 2주가 되었습니다.. 1주차는 git 컨벤션과 폴더 구조, 역할 분배등의 협업을 위한 것들을 정했는데요,,,그 중에 "패키지 매니저인 npm과 pnpm, yarn 중에 뭐를 쓸지"와 "fetch가 있는데 axios를 써야할까요?"라는 회의 내용을 기반으로 각각 무엇이 다른지, 어떤걸 쓰는게 좋은지를 한 번 정리해보고자 합니다. 🗂패키지 매니저란?import나 require등을 이용해서 외부 의존성을 참조할 때, 올바르게 참조할 수 있도록 보장해주는 프로그램예를 들어, 다음과 같이 import 문을 쓴다고 가정해보자import React from 'react';이때 여기서 react의 버전이 뭔지를 정확하게 알수가 없다..! 그래서 이걸 package.json 파일에 명시를 해줘..

• format_list_bulleted 프론트엔드 프로젝트 캠프
• · 2024. 12. 15.
• textsms

[유데미x스나이퍼팩토리] 프론트엔드 프로젝트 캠프 - 2주차 회고 및 배운 것

🙋‍♀️배운것들supabase + Next.js에 대해서 새로 배웠다..!  📌 Next.js 프로젝트 생성 우선, shadcn ui와 함께 Next.js를 시작하기 위해서 Shadcn ui의 getting started를 따라서 프로젝트를 생성해준다.npx shadcn@latest init이후 실행은 react와 동일하게 해주면된다.(npm install해주고, npm run dev로 확인하기)  📌 supabase 연결우선 supabase에서 계정과 프로젝트를 만들어주자 next.js에서도 supabase를 사용하기 위해서 설치를 해주자npm install @supabase/supabase-js 그리고 연결하기 위해서 env를 설정해주자 그리고, next.js에 supabase.ts파일을 lib..

• format_list_bulleted 프론트엔드 프로젝트 캠프
• · 2024. 11. 26.
• textsms

[유데미x스나이퍼팩토리] 프론트엔드 프로젝트 캠프 - 1주차 회고 및 배운 것

React를 공부하기 위해 혼자 프로젝트를 만들려고 할 때, 백엔드가 필요할 때가 생겨서 Next.js에 관심이 생겼다..그래서 좋은 기회로 Next.js를 배우고, React와 Next.js를 활용해 프로젝트까지 진행하는 프론트엔드 프로젝트 캠프에 참여했다! 벌써 시작한지 일주일이 지났는데, 사실 이번주는 면접 준비 + 면접 때문에 5일 중에 3일밖에 참여하지 못했다하지만, 그 사이에 생각보다 많은 것을 배우고 생각해 볼 수 있었다   🙋‍♀️배운것들src 폴더 구조(index를 곁들인..)이전 프로젝트들에서도 협업에서 가장 신경 쓰였던 부분은 폴더 구조였다. 처음 배울 때에 따라 자신만의 스타일을 갖고 있다고 생각해서 결국엔 협업과정에서 서로 설득하고 맞춰가야 하는 부분이라고 생각한다. 직전 프로젝..

• format_list_bulleted 프론트엔드 프로젝트 캠프
• · 2024. 11. 18.
• textsms