TwentyTwentyOne

Github page로 포트폴리오 웹페이지 만들기페이지를 만들다 보면 같은 양식이 반복될 경우가 있습니다.이러한 양식을 Layout component로 만들어 사용하면, 편리하게 적용시킬수 있습니다.이전에 만든 header가 들어가 있는 Layout을 만들어 봅시다. 1. Layout 디렉토리 만들기먼저 src→components 디렉토리 안에 layout 디렉토리를 만들어 줍니다.이전과 마찬가지로 해당 디렉토리 안에 index.js 파일을 만들어 주고 Layout이라는 함수를 만들어 export 시켜 줍니다. // src/components/layout/index.js // modules import React from "react"; const Layout=()=>{ return } export de..

Github page로 포트폴리오 웹페이지 만들기이제 about과 work 페이지를 만들어 route 설정을 통해서 접속 할수 있게끔 해주어야 합니다.그전에 현재까지 진행된 사항 중 몇가지 설정을 변경 시켜 주겠습니다. 1. webpack resolve aliasnpm 으로 설치된 모듈이외에 css나 svg 또는 component 파일들을 import 시킬때 상대 경로를 이용해 불러오고 있습니다. // example import GITHUB from "./resources/images/common/GITHUB.svg"; 파일의 위치를 옮겨 줄때 만다. 경로를 변경 해줘야하는 번거로움이 생기므로 webpack의 resolve 설정에 alias를 추가 해 줍니다. // webpack.config.js .....