[유데미x스나이퍼팩토리] 앱/웹 개발자 인턴형 프로그램 - 1주차 회고 (1차 프로젝트)
1차 프로젝트 주제: 포트폴리오 기반 커뮤니티 플랫폼 [스팩폴리오]
<우리 팀이 사용하기로 한 기술 스택>
- TypeScript
- React
- Next.js
- Tailwind CSS
- React Slick
- Redux-Toolkit
- React Query (필요 시 도입 예정)
- Firebase (필요 시 도입 예정)
4L: 학습한 내용의 생각/경험을 회고하는 템플릿
1. 이번 주 프로젝트 진행 과정에서 좋았던 점은? (Liked)
2. 이번 주에 새롭게 배운 점은? (Learned)
3. 배운 것에 관해서 내가 부족했던 부분은? (Lacked)
4. 앞으로 뭘 더 하면 좋을까? (Longed for)
1. 이번 주 프로젝트 진행 과정에서 좋았던 점은? (Liked)
처음으로 제대로 된 협업을 시작한 느낌이었다! 나는 이런 경험이 처음이었는데 팀원분들이 잘 이끌어 주셔서 순조롭게 진행되었다.
기술 스택, 코드 컨벤션, 깃 컨벤션, 이슈 템플릿, PR 템플릿 등 팀 협업에 필수적인 사항들을 설정하였고, 프로젝트 위키를 꾸미기 시작하였다.
github 주소는 여기. 👏
그리고 혼자 공부할 땐 유튜브, 핸드폰 왔다 갔다 하면서 집중이 잘 안됐었는데, 코어 타임이 생기니 집중하여 작업할 수 있어서 좋았던 것 같다.
팀원분들께서 너무 열심히 하시는 분들이셔서 그거에 자극도 받았고, 이 프로젝트를 통해서 여러모로 성장할 수 있을 것 같아서 기대가 된다.
2. 이번 주에 새롭게 배운 점은? (Learned)
- 이슈 템플릿 설정하는 법
- PR 템플릿 설정하는 법
- husky로 git hook 적용하는 법
- Github Project 설정 및 칸반보드 사용하는 법
등등······.
나는 모든 게 처음이었다!
아래 이미지는 내가 처음으로 맡은 생성해 본 이슈이다.
3. 배운 것에 관해서 내가 부족했던 부분은? (Lacked)
나는 Next.js를 사용해 본 경험이 적은데 그래서 생기는 문제점들이 있었다.
- 서버 컴포넌트와 클라이언트 컴포넌트의 차이점도 모르면서 대충
'useClient'사용하기 - Next.js
<Image>컴포넌트를 제대로 이해하지 못한 상태로 사용하기
페이지가 완전히 로드되고, 이미지가 완전히 로드되기 전까지는 blur 처리된 상태로 이미지를 보여지게 하고 싶다. 대충 검색해 봤을 때는 가능한 것처럼 보였는데······ 아직 방법을 모르겠다.
<Image
src='/assets/images/ABtest_A.png'
alt='A'
layout='fill'
objectFit='contain'
objectPosition='center'
className='!relative'
/>4. 앞으로 뭘 더 하면 좋을까? (Longed for)
Next.js에 대해서 공부해야 한다. 현재 열심히 강의를 듣고 있습니다······. 😭 팀원분들 조금만 더 기다려 주세요.
- 서버 컴포넌트와 클라이언트 컴포넌트의 차이점도 모르면서 대충
'useClient'사용하기
-> 서버 컴포넌트와 클라이언트 컴포넌트에 대해서 공부하기 - Next.js
<Image>컴포넌트를 제대로 이해하지 못한 상태로 사용하기
-><Image>컴포넌트 속성 익히기
