본문 바로가기
카카오_구름/리액트

5. 리액트로 포트폴리오 사이트 만들기 (사이트 영역)

by 코린이의 세계 2024. 9. 19.

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 함수를 제대로 더 공부해두어야 할 거 같다.