STUDY/React (2) 썸네일형 리스트형 [React 포트폴리오 페이지 제작기] 2. 풀페이지 스크롤링 기능 구현 (FEAT : useRef & useEffect & useState & useCallback) GitHub Pages 배포 이후 첫 작업은 페이지를 섹션으로 나눠서한 화면에서 스크롤링을 이용하여 섹션 별로 이동하게 하는 기능이다.이를 풀페이지 스크롤링이라고 한다.라이브러리를 사용하는 것과 직접 CSS와 JavaScript를 사용하여 구현하는 방법이 있는데,나의 성장을 위해 진행하는 프로젝트이기 때문에 후자를 선택하였다. ✨ Styled-componentsCSS는 styled-components를 사용하였다. import styled from "styled-components";const Container = styled.div` height: 100vh; //페이지 높이를 전체 화면으로 설정 overflow: hidden; //스크롤 숨김`;const Section = styled.sectio.. [React 포트폴리오 페이지 제작기] 1. github.io로 배포하기 😸 github.ioGitHub에서 제공하는 "GitHub Pages" 웹 호스팅 서비스로, 여기서 제공받는 도메인 주소 형식Public으로 설정된 Repository로 정적 페이지에 한해서 서비스 제공 😸 GitHub Pages 호스팅 및 배포1. github.io Repository 생성 Repository 이름은 사용자이름.github.io로 설정위에서 말했듯 Public으로 설정README 파일 생성 2. React App 생성 Repository clone을 위해 HTTPS 주소 복사 터미널에서 원하는 폴더 위치로 이동 후 git clone 복사한 HTTPS 명령어 입력 → 사용자이름.github.io 폴더 생성사용자이름.github.io 폴더 터미널에서 React 프로젝트 생성np.. 이전 1 다음
