전체 글 27

02-03. 개인 포트폴리오 Tools 섹션 레이아웃 잡기

•  Tools - Layout and Design 이 섹션에서는 제가 팀 프로젝트에서 사용했던 협업툴(Jira, Notion)과 형상관리 도구(Git, Github) 그리고 다른 목적으로 사용했던 기타 도구들(Figma)에 관하여 소개합니다.  •  초안과 디자인 시스템 적용  위 이미지는 디자인 시스템을 적용하기 전 Tools 페이지의 초안입니다. 이번에도 지난번과 같이 두 가지 디자인 시스템을 적용합니다.  12 Column Grid Layout8-point Grid System  지난번 Skills와 레이아웃 형식이 거의 동일하기 때문에 추가적으로 설명드릴 부분이 없습니다. 그러므로 다음 소제목은 곧바로 최종안입니다!   •  최종안 결정   지난 포스팅(Skills) 때에는 로고를 레이아웃 그리..

02-02. 개인 포트폴리오 Skills 섹션 레이아웃 잡기

•  들어가기 전 (이는 제 블로그 포스팅 규칙에 관한 것이라 접은 글로 분리합니다.)더보기블로그 글 썸네일 관련 내비게이션 바의 Skills 카테고리에는 개발 기술 스택들(HTML, CSS, JavaScript 등)과 협업툴 등 다른 도구들(Git, Notion, Jira, Figma 등)이 들어갑니다. 제가 상위 카테고리를 Skills로 정했고 방금 언급한 두 그룹으로 하위 카테고리를 분류하여 각각에 해당하는 글을 작성하고자 한다면  Skills - (Tech) StacksSkills - Tools 이렇게 각각 나누어 분류하는 것이 적절할 것입니다.  그런데 이렇게 하면 길어진 텍스트가 블로그 포스팅 썸네일을 시각적으로 지저분하게 만듭니다. 안 그래도 썸네일 이미지라서 크기도 작아서 더더욱 그렇습니다..

02-01. 개인 포트폴리오 About Me 섹션 레이아웃 잡기

•  About Me - Layout and Design About Me(자기소개) 섹션에는 다음과 같은 요소들이 들어갑니다.  필수(Required)슬로건깃허브 링크기술 블로그 링크연락처(이메일)교육사항(저는 기재할 교육사항이 길지 않기 때문에 이를 위한 카테고리를 따로 분리하지 않고 자기소개 파트에 포함시켰습니다.)  선택(Optional)프로필 이미지학력취미 이외에 또 어떤 요소가 추가되거나 빠져야 할지는 계속 생각해봐야 할 것 같습니다.  •  디자인 시스템(그리드 시스템) 적용 아무래도 디자인 시스템 규칙을 먼저 정하고 시작해야겠죠? 웹 레이아웃과 관련된 디자인 시스템 규칙 중에서는 아래의 두 가지가 가장 대중적이고 무난한 방법 같았습니다.  12 Column Grid Layout 8-point..