[유데미x스나이퍼팩토리] 프로젝트 캠프 : React 2기 - 사전직무교육 3일차 과제(props 복습 + 연습 문제)

 

2024.08.21(수) - 과제

 

이번 과제는 제출에 용이함을 위해 웹컴파일러 StackBlitz를 이용했습니다.

 

오늘 배운 컴포넌트 데이터 전달(props) 파트 복습을 진행하는 것이 첫 번째 과제였습니다.

 

 

기본 사용법, 표현식 사용법, 구조 분해 할당 사용법(비구조화), 여러 개의 props 전달,

마지막으로 이벤트(함수) 전달까지의 내용이 있습니다.

 

 

아래 링크를 참고하시면 감사하겠습니다.
https://stackblitz.com/edit/vitejs-vite-dd8sk1?file=src%2FExample.tsx

Vitejs - Vite (forked) - StackBlitz

 

 

 

두 번째 과제는 ProfileCard를 컴포넌트화하여 재사용 가능하게 만들어보고 follow 버튼에 기능을 추가해보는 것이었습니다.

 

예시로 주어진 ProfileCard를 ProfileCard.tsx 파일을 만들어 컴포넌트화 하는 작업을 진행했습니다.

자세한 내용은 아래 링크에 제 코드가 있으니 참고하시면 감사하겠습니다.

 

https://stackblitz.com/edit/vitejs-vite-dd8sk1?file=src%2FExample.tsx

Vitejs - Vite (forked) - StackBlitz

 

 

 

(결과화면) - 이번 파리 올림픽 결승전 우승의 주역인 제가 좋아하는 스테판 커리로 만들어보았습니다 ㅎㅎ

 

 

 

 

 

 

 

 

—————————————————————

본 후기는 본 후기는 [유데미x스나이퍼팩토리] 프로젝트 캠프 : React 2기 과정(B-log) 리뷰로 작성 되었습니다. #유데미 #udemy #웅진씽크빅 #스나이퍼팩토리 #인사이드아웃 #미래내일일경험 #프로젝트캠프 #부트캠프 #React #리액트프로젝트 #프론트엔드개발자양성과정 #개발자교육과정