프론트엔드 개발자 신상오
article thumbnail
[Next.js 포트폴리오] 레이아웃 잡기

💻 들어가며 원티드 프리온보딩이 끝나고 이력서를 넣으면서 이전에 만들었던 프로젝트나 개인적으로 할 프로젝트를 담을 포트폴리오가 필요하다고 생각해서 만들기로 했습니다. 아무래도 노션이나 ppt같은 프로그램으로 작성하는 것보다는 직접 만들어보는게 흥미도 가고 애정을 가지고 더 열심히 만들 수 있을 것 같아 직접 만들기로 했습니다. 오늘은 포스팅 내용은 포트폴리오의 레이아웃을 tailwind로 어떻게 구현했는지에 대해 작성해 봤습니다. ⚒️ 기능 구현 1. 페이지 레이아웃 📌 핵심 코드 const Nav = () => { return ( FE 개발자 신상오 Home Project Contact ); }; Tailblock 사이트를 참고해서 기본적인 뼈대를 잡은 다음에 각 요소의 위치와 색상 같은 디테일한 요소..