TwentyTwentyOne

Github page로 포트폴리오 웹페이지 만들기About 페이지 만들기를 잠시 보류하고, Work페이지를 만드는 것을 먼저 해보도록 하겠습니다.Work 페이지는 현재 만들어지고 있는 프로젝트 또는, 만들어 진 프로젝트들을 알파벳 순서로 보여 주고, 각각 링크를 달아 이동하겠끔 하는 것이 목표입니다.되도록이면 프로젝들을 데모 형식으로 테스트 해볼수있는 페이지를 만들어 두는 것을 목표로 합니다.이러한 목적을 가지고, 구현을 하기 위해 생각한 방법은 A to Z 알파벳 디렉토리를 만들고 그안에 프로젝트 디렉토리들을 넣어 index.js로 export 하는 방법을 생각했습니다.이렇게 export 된 컴포넌트들을 필요한 곳에서는 @project 만 import 시켜서 loop로 돌리는 방식을 사용해볼까 합니다...

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 .....