1단계: mock-up* - 사용 툴: Google Presentation 2단계: html, css로 실제 화면 구현 - 사용 툴: Visual Studio Code mock-up* : 시각적인 요소로만 구성 요소들을 배치하는 작업. 프로토타입은 동적인 움직임까지 구현하는 과정이 포함되는 반면, 목업(mock-up)의 경우 단일 페이지만을 보여줌. - 1단계: Mock up으로 명료하게 페이지를 기획하는 단계 최상단에 서비스명을 노출하고, 다음에 자신의 프로필 사진과 사용자명, 댓글을 입력하는 창과 입력이 완료된 경우 글을 업로드하도록 명령하는 tweet 버튼을 배치하였다. 그 아래에는 sns인만큼 실시간 피드가 업로드될 수 있도록 업데이트 창을 구현하였다. - 2단계: html과 css로 해당 화면을..

Project 2021. 1. 29. 21:42