Figma를 사용해 화면 설계와 동시에 디자인을 진행하려고 했는데, 디자인이 큰 고비였다. 업무 중에도 디자인을 직접 했어야 하는 경험이 있었는데 나름 페이스북 디자인을 벤치마킹해서 만들었지만 돌아온 팀장님 평가는 "이딴게 페북이냐.." 상처 받았다. 1. 화면 설계1.1 메인 페이지기획을 바탕으로 기능 별 레이아웃 구역을 간단하게 잡아봤다. 전체적인 레이아웃 구조는 Header + Contents + Footer 형태를 생각했는데, 나를 소개하는 페이지로써 적합하고 방문자 입장에서 단순히 스크롤만으로 전체 내용을 확인할 수 있는게 편할 거 같아서 선택했다. 1.2 Modal개인정보 관리 모달에서는 아래 항목을 수정할 수 있다.연락처: 전화 번호, 이메일, 외부 사이트 링크 (Github, tistory..

프로젝트 초기 구성에 이어 기획은 해본적이 없지만, 실무 경험을 바탕으로 나름의 기획을 해보려 한다. 기획 단계에서 가장 경계해야 하는 것은 잦은 변경!! 꼭 픽스 시키고 시작해보자.1. 개요우선, 전문적으로 기획을 공부해보지 않았기 때문에 아주 간단하게 작성하면서도 개발자로써 사전에 정의되면 좋을 것 같은 내용들을 기획하고 작업에 들어가보고자 한다.항목내용기획 배경나만의 포트폴리오가 필요한 이유.1. B2B 솔루션 회사에 재직했기 때문에 외적으로 보여줄만한 결과물이 없었다.2. 외부에 보여줄 수 있는 개인 프로젝트를 진행하고, 그 과정을 포트폴리오로 활용하면 좋겠다는 생각이 들었다.3. 겸사 겸사 번뜩이는 아이디어가 있다면 나의 자산으로써 소개하는 공간을 만들어보자.기획 목표(나에게의 요구 사항)이 프..

개인 프로젝트를 시작해보려고 하는데, 여러 프로젝트를 진행하려면 개인적으로 템플릿이 필요하다고 생각이 들었다. 그래야 추후에 아이디어가 떠오를 때 빠른 시작이 가능하니까!  1. 기술스택구분기술선정 이유프레임워크Next.js 14개인적으로 12버전으로 경력을 쌓아왔는데, 현재 15버전 까지 나온 상황에서 최신 버전은 아무래도 어려움이 많을 거 같아서 한 버전 낮은 걸 골랐다.라이브러리React 18기존엔 17버전을 써왔는데, 이번엔 18을 써보기로.언어 Typescript, JavascriptTypescript는 사용한 경험이 있지만, 아직 Javascript만큼 익숙하지는 않기도 하고 런타임 에러를 고려하면 당연히 사용하는 걸로? Javascript는 말해 뭐해디자인 프레임워크tailwindcsscss..