https://webstoryboy.co.kr/1939
16. 포트폴리오 사이트 만들기 : React-Site : 사이트 영역
소개 안녕하세요! 웹스토리보이입니다. 이번에는 사이트 영역을 작업하겠습니다. 크게 어려운 점이 없으니 잘 따라해주세요! 인덱스 VITE SITE 1. 셋팅하기 1_1. vite 설치하기 1_2. vite 폴더 정리하기
webstoryboy.co.kr
(관련 사이트)
https://github.com/kss2002/PortfolioWebsite-beta
GitHub - kss2002/PortfolioWebsite-beta
Contribute to kss2002/PortfolioWebsite-beta development by creating an account on GitHub.
github.com
(관련 깃허브 코드)
(완성된 모습)
코드가 길어서, 깃허브를 참고해 주길 바란다. 핵심만 요약하자면 다음과 같다.
요약
1. 반복되는 부분은 map 함수를 이용하자.
2. 핵심적인 부분은 따로 데이터 처리를 해주자.
> 내 생각에, 자바스크립트의 map 함수를 제대로 더 공부해두어야 할 거 같다.
'카카오_구름 > 리액트' 카테고리의 다른 글
| 7. 리액트로 포트폴리오 사이트 만들기 (연락처 영역) (4) | 2024.09.20 |
|---|---|
| 6. 리액트로 포트폴리오 사이트 만들기 (포트폴리오 영역) (2) | 2024.09.20 |
| 4. 리액트로 포트폴리오 사이트 만들기 (스킬 영역) (1) | 2024.09.18 |
| 3. 리액트로 포트폴리오 사이트 만들기 (인트로 영역) (0) | 2024.09.18 |
| 2. 리액트로 포트폴리오 사이트 만들기 (헤더 영역) (1) | 2024.09.18 |