[TIL]201109 Project Meeting, Mockup

First Project에서 경험해봐야 할 것!

로그인, 로그아웃, 회원가입(CRUD)을 기반으로 한 프로젝트

SR(Software Requirements)

프로젝트 기간동안의 블로깅은 내가 프로젝트에서 맡은 부분을 중점적으로 작성하려고 한다.

초기 목업

일단 회의를 진행하면서 나온 내용을 토대로 급하게 목업을 구현해 봤다.
파워포인트에서 도형만 사용해서 급하게 하나보니 그냥 범위만 지정한 느낌의 목업으로 나왔다.

컴포넌트와 기능별로 구분된 목업

기초가된 목업을 기준으로 컴포넌트와 기능별로 나눠서 다시 구현해봤다. 시간을 좀더 들여서 그런지 아까보다는 괜찮아진 것 같기도 하지만 아직은 많이 부족한 목업으로 보여진다.

figma를 이용한 목업 구현

프로젝트 문서에서 figma와 miro를 추천해줘서 회의가 다 끝난 후 개인적으로 figma를 통해 목업을 구현하고 버튼 컴포넌트를 만들어서 각 기능을 연결시켜봤다.
피그마의 좋은점은 컴포넌트로 연결시킨 기능들을 미리 볼 수 있다는 점과 포토샵을 다뤄봤다면 기본적으로 알고있는 레이어의 개념이 있어서 새로 배울 필요 없이 조금만 하다보면 익혀진다는 점이 장점인 것 같다
만들어진 페이지의 css를 보여주는 것도 신세계다!