[유데미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

[챌린지] 4주차 회고✍️ + 네부캠 챌린지 과정 후기

끝나지 않을 것 같았던 챌린지 4주차가 끝났다.사실 끝난지 일주일하고 2일정도 지났는데 이제서야 쓰는 이유는 맴버십을 못간게 아쉬워서 한동안 별로 생각하고 싶지 않았었다..하지만 회고를 쓰면서 뭐가 부족하고 어떻게 보완해야 더 좋은 개발자가 될 수 있을지를 생각해보려고 후기 겸 마지막 회고를 쓰려고 한다.  우선, 4주차 회고부터 해보면,,❣️Keep전체적으로 난이도가 쉬웠어서 구현과 학습을 적절하게 할 수 있었던 주였다.학습을 본격적으로 시작하기 전, 냅다 구글에다가 검색하지 않고 유튜브에서 개념을 풀어서 설명해주는 것들을 찾아보면서 전체적인 그림을 그리고 공부를 하니까 훨신 이해하기가 좋았다.🙅‍♀️Problem학습 정리를 충분히 하지 못했다. 사실 과제와 학습 목표? 학습 했던 것? 이 뭔가 안 ..

• format_list_bulleted 네부캠
• · 2024. 8. 23.
• textsms

[챌린지] 3주차 회고✍️

❣️Keep구현하면서 내가 어떤 생각을 가지고 해당 부분을 만들었는지에 대한 설명을 좀 더 부드럽게 할 수 있었던 것 같다.예전에 비해서 말을 좀 더 구조적으로 할 수 있었다.조금 즐기면서 할 수 있었다(첫날 제외ㅎㅎ..) 내 삶도 챙기고, 챌린지에도 집중할 수 있는 방법을 찾은 것 같다.깃에 대해서 깊은 이해를 할 수 있었던 것 같아 좋았다. 평소에 깃을 이용하면서 대체 얘는 뭔 구조로 어떻게 돌아가는 걸까, 어떻게 저장되는 걸까 라는 궁금중이 있었는데, 이번을 계기로 제대로 찾아볼 수 있어서 좋았다!!!!!다양한 조원들과 만나고 하면서 남들에게 내 코드를 보여주는게 예전만큼 부끄럽거나 꺼려지지 않아졌다. 내가 내 코드를 설명할 수 있다는 생각이 드니까 이전에 비해서 좀 더 편해졌다!!구현을 좀 덜하더..

• format_list_bulleted 네부캠
• · 2024. 8. 4.
• textsms

[챌린지] 2주차 회고✍️

❣️Keep저번주보다는 구현의 부담을 내려놓고 학습을 했음나도 이제 자스로 객체지향적 코드를 짤 수 있다!! 저번주 위시리스트 달성!페어프로그래밍을 하면서 짝이 어떤식으로 문제를 접근하고 해결방식을 짜는지 살펴볼 수 있어서 좋았음(개념을 익히고, 틀을 잡고, 문제가 생기면 해결하기 위한 학습을 하는 방식이 특히 좋았다!) 🙅‍♀️Problem컨디션 난조 이슈,, 첫날 아침에 운영진님들과의 줌미팅을 토하느라 거의 못들음 ..ㅜㅜㅜ큐ㅜㅜㅜ 그러고도 한 이틀내내 너무 힘들었다건강관리 잘하라고README를 좀 꼼꼼히 쓰지 못한 것 같다. 구현에 시간을 줄이니까 구현 이후에 내가 이렇게 했어요에 대한 설명이 좀 부족해진 것 같아서 같은 팀원분들에게 죄송한 마음학습 정리를 제대로 못했다.. 이번주도 결국 주말에 ..

• format_list_bulleted 네부캠
• · 2024. 7. 28.
• textsms