TwentyTwentyOne

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

Github page로 포트폴리오 웹페이지 만들기이제는 포트폴리오 사이트에 포함된 2개의 페이지중 About 페이지를 만들어 보겠습니다.만들기 전에 제가 구상한 Layout 과 화면은 아래와 같이 나타내려고 합니다.WebMobile 제 사진과 함께 +이름 +슬로건 +스킬풀 총 4부분으로 이루어져 있고, 모바일에서는 세로로 보이게끔 하는 아주 심플한 레이아웃을 생각해 보았습니다. 1. 배치 - 태그 삽입먼저 구상한 레이아웃에 맞게끔 각각의 아이템들을 배치 시켜 줍니다. src → pages → about → index.js 파일을 수정해 줍니다.// src/pages/about/index.js // modules import React from "react"; // components import Layo..