노마드스터디 리액트 10주 5기 10주차 주간회고록

 

 

💛10주차

기간:

24.08.19 ~ 24.08.25

 

요약 3줄

• 출근 첫주!! 이직을 몇번 했지만 출근 첫주는 항상 긴장되고 별다른 업무를 하지 않아도 피곤하다^_ㅠ
• 리액트 10주 스터디의 마지막 주차!! 스터디 시작할 때는 8월말이 멀게만 느껴졌는데 시간 차암 빨리도 흐른다.
• 스터디가 끝난다고 생각하니 기분이 시원 섭섭했다. 앞으로 일일 챌린지의 압박이 없다는 행복함과 10주 동안 스터디에 전념하지 못한 것 같아 아쉬움이 동시에 든다.

 

 

---

 

이번주 목표

• 8월 25일까지 졸업작품 제출!!!!!
• 주간 회의록 작성하고 8월 23일(일) 17시까지 제출하기

 

결과

졸업작품을 하느라 주간회고록을 목표 일정에 제출하지 못했다ㅠ 퇴근 후 피곤한 몸으로.... search 기능을 구현하는데 애를 먹었다....ㅎ 원하는 로직이 있었는데 그게 잘 되지 않아서 다른 방법으로 구현해서 졸업작품을 제출했다. 아쉬움이 남은 부분은 추후 Develop을 해보고 싶다.

 

---

 

일일 스프린트

🔽  2024/08/19 월요일
떨지말고 당당하게~!!!!😎

[✅] 새회사 첫출근 


🔽 2024/08/20 화요일
피곤해도 30분만이라도 하기! 습관을 다시 잡아보자😭

[✅] 회사 동료들과 클라이밍 모임
[❌] 졸업작품 검색 화면 구현하기 /search 


🔽 2024/08/21 수요일
장대비가 주르르륵ㅠ 첫출근 주간이라 더 피로한 기분....

[⚠️] 졸업작품 - 검색 기능 구현하기 /search
[✅] IT 아티클 읽기
[✅] 헬스 


🔽 2024/08/22 목요일
여름 내내 기다렸던 처서 매직이 사라지다니...ㅠ

[⚠️] 졸업작품 - 검색 기능 구현하기 /search
[❌] IT 아티클 읽기
[❌] 리액트 공식문서 읽기
[❌] 인사이드플로우 요가 


🔽 2024/08/23 금요일
10주자 끝을 달리고 있다....ㅠ 평일에 많이 못했지만 오늘 내일 잘 끝내보자!!!!

[✅] 졸업작품 - 검색 기능 구현하기 /search
[❌] 졸업작품 - 사용자 정보 페이지 구현하기
[✅] 여권 수령

[ ✅ ] 하타 요가

 

 

🔽 2024/08/24 토요일

[✅] 졸업작품 - 사용자마다 Tweet 조회 기능 구현하기
[⚠️] 졸업작품 - 사용자 정보 수정 기능 구현하기
[✅] 친구들 모임

 

 

🔽 2024/08/25 일요일

끝까지... 해보는거야...!

[✅] 졸업작품 - 사용자 정보 수정 기능 구현하기
[✅] 졸업작품 배포

 

 

---

이번주 강의 요약

새롭게 알게 된 것 :

1. Prisma를 사용하여 Vercel로 배포 시 주의할 점

• prisma/database.db는 데이터베이스가 맞지만 해당 파일은 우리의 파일 시스템에 포함된 파일일뿐이다.
• 우리가 어플리케이션을 Vercel에 배포할 때마다 Vercel은 우리에게 새로운 서버를 준다. 어플리케이션 전체를 새로 구축해주는 것!! 이전 어플리케이션이 포함된 이전 서버는 폐기되는 것이다.
• 버전을 Vercel에 생성하거나 배포할 때마다 prisma/database.db는 항상 새로 생성된다는 뜻!
• 따라서 새 버전을 배포하면 이전 서버를 사용하여 저장했던 모든 유저들은 삭제된다!
• Vercel 내 Storage를 생성해서 새로 연결이 필요하다.

 

2. PrismaClient 빌드

• PrismaClient는 우리의 node_modules로부터 불러오고 있다. 하지만 Vercel은 우리의node_modules 폴더에 대해서 알지 못한다. 우리는 node_module를 Github에 업로드하지 않기 때문이다.

// lib/db.ts

import { PrismaClient } from "@prisma/client";

const db = new PrismaClient();

export default db;

 

• Vercel이 우리 프로젝트를 배포하는 방법은 우리의 package.json을 확인 후 필요한 것들을 설치해서 배포 한다. 즉, Vercel은 자체 버전의 node_modules를 갖게 된다는 뜻
• 이 말은 즉, Vercel 서버의 node_modules 폴더 안에는 PrismaClient를 갖고 있지 않다. Vercel 서버에 들어가기 위해서는 명령어로 직접 설치해줘야 한다.
• package.json 파일 내 build 부분에 prisma generate 를 추가하여 PrismaClient 생성!
• prisma migrate deploy는 Vercel 서버에 migrations를 적용하기 위한 명령어이다. splite가 아닌 Postgresql로 수정했기 때문에 새 migrations를 생성해줘야 한다.

// package.json
 "scripts": {
    "dev": "next dev",
    "build": "prisma generate && prisma migrate deploy && next build",
    "start": "next start",
    "lint": "next lint"
  },

 

---

 

주간 회의와 조별 활동

이번주 활동:

-

 

기억에 남는 것:

-

 

---

칭찬하고 싶은 점

• 퇴근 후 에너지 방전되기 직전이었지만 30분이라도 과제 하고 잠든 것. 조금씩 해둔 게 있어서 금요일에 맘 편히 요가를 다녀올 수 있었다.
• 일요일에 졸업과제 하려고 토요일에 친구들과 술자리에서 술 마시는 양을 조절한 것ㅎㅎㅎ 덕분에 좋은 컨디션으로 일요일에 졸업과제 마무리 할 수 있었다....!
• 10주 동안 포기하지 않고 스터디를 이어왔다는 것. 마라톤을 꼴등으로 들어가더라도 완주만 하자는 마음으로 끝까지 왔다. 퀄리티나 여러 부분에서 아쉬운 점이 많았지만 그래도 끝냈다!!!!!!

 

고치거나 버려야 할 점

• 앞으로 스터디를 한다면 그땐 고민 후에 코드 구조를 짜보는 그런 습관을 키워야겠다. 이번 스터디에서 제일 아쉬운 부분이다.... 스터디 중에 못본 강의들을 마저 들으며 보충 학습을 해야겠다ㅠ
• 요즘 피곤하다는 이유로 루틴이 많이 무너졌는데 다시 복구하는 작업을 해야겠다. 운동, 개발 공부, 개인 다이어리 정리까지 다시 루틴화 해서 올해 끝날 때까지 유지해보자. 아니 한 달만 다시 유지해보자 :)

 

노마드스터디 리액트 10주 스터디 후기

(졸업 과제를 제출하며 스터디 후기도 같이 전달 드렸는데 블로그에도 남기고 싶어서 몇자 적어본다)

 

니꼬쌤은 어려운 개념을 쉽고 재밌게 잘 설명해주신다. 퇴근 후 피곤한 상태로 강의를 들어도 집중해서 보게 된달까...!

그리고 스터디를 끝까지 할 수 있도록 도와주셨던 Max님과 jhun님과 Raehan님께 감사의 인사를 전하고 싶다 :) 회고록 내내 힘들었다 뭐하느라 못 했다 이런 내용이 가득했지만 격려와 위로를 보내주셔서 끝까지 힘내서 할 수 있었던 것 같다😭 혼자 공부하기 힘든데 노마드스터디 참여할까 고민되시는 분들은 무조건 하시길 추천드린다ㅎㅎㅎ 정말 커리큘럼도 잘 짜여있어서 스터디말고 다른 생각할 틈을 주지 않는다!! (칭찬이에용)