포트폴리오 사이트 만들기 프로젝트

1. vite를 이용하여 사이트를 제작합니다.
2. react.js를 이용하여 사이트를 제작합니다.
3. vue.js를 이용하여 사이트를 제작합니다.
4. next.js를 이용하여 사이트를 제작합니다.

완성작 보기

미리보기 : https://portfolio2023-react.netlify.app/

사용 스택

• react(https://ko.legacy.reactjs.org/) 를 사용하여 사이트를 번들링하고 관리합니다.
• gsap(https://greensock.com/gsap) 를 이용하여 패럴랙스 효과를 줍니다.
• lenis(https://lenis.studiofreight.com/) 를 이용하여 스므스 효과를 구현합니다.
• netlify(https://www.netlify.com/) 를 통해 사이트를 배포합니다.
• git(https://github.com/) 을 사용하여 파일을 관리합니다.
• HTML, CSS 기반으로 웹사이트의 기본 레이아웃 설계하고, 웹 표준 및 웹 접근성을 준수하여 작업합니다. ARIA(Accessible Rich Internet Applications)

프로젝트 실행

• react를 설치합니다. npx create-react-app 타이틀
• react-router-dom을 설치합니다. npm install react-router-dom
• sass를 설치합니다. npm install sass
• gsap를 설치합니다. npm install gsap
• lenis를 설치합니다. npm install @studio-freight/lenis