[Next.js, Material UI] 포트폴리오 웹페이지 개발 기록(1) - 폰트 적용하는 방법
·
Frontend
현재 개인 포트폴리오 웹 페이지를 Next.js와 Material UI를 활용하여 개발하고 있다.이전 프로젝트에서 컴포넌트를 css로 하나하나 직접 만들어서 atomic design pattern을 적용했다면, 이번에는 Material UI를 활용했다. 기본적인 컴포넌트들이 이미 구성된 상태에서 내가 원하는 방식과 형태로 커스터마이징해서 하는 방식이 훨씬 효율적으로 다가왔다.포트폴리오 디자인포트폴리오의 디자인 컨셉은 사용자에게 시각적으로 편안하고, 전체적으로 부드러운 느낌을 주는 것이다.영어는 DM Serif Display, 한국어는 Gowun Batang을 사용했다.폰트 적용Next.js와 Material UI에는 기본적으로 적용되는 폰트가 있다. 하지만 내가 원하는 폰트를 사용하려면 몇 가지 설정이 ..