devlog_owen
[TIL] 최종프로젝트 와이어프레임 figma로 나타내기, erd 테이블 설정 수정 본문
728x90
와이어프레임 figma로 나타내기
Figma
Created with Figma
www.figma.com
다른 조원이 figma를 쓴 적은 봤었는데 직접 그린적은 처음이다. 유튜브 짧은 강의 보면 대충 어떤 느낌으로 그려야할지 감이 온다. 다른 조 디자인 잘한팀거 참고해서 그렸다.
Wireframe Designer | Figma Community
Introducing the Wireframe Generator. Unleash your design creativity and productivity with ease. Describe your vision, design with a single click! Effortlessly create wireframe mockups for both desktop and mobile platforms.Wide variety of components: Carefu
www.figma.com
만약 디자인에 자신이 없다고 하시면 위의 wireframe designer 플러그인을 사용해도 좋다. 10번의 무료 디자인 생성기회를 준다. 먼저 데스크탑/ 모바일 중 어떤 버전으로 그릴지 정하고 프로젝트의 배경과 목적정도를 적어준다. 그다음 만들고자 하는 페이지의 설명을 구체적으로 적는다. 그럼 어느정도 틀이 갖추어진 템플릿같은 디자인이 뚝딱 만들어진다. 나는 이걸 그대로 이용하지는 않고 헤더나 아이콘, 카드를 잘 가져다 썼다.
erd 테이블 설정 수정
최종프로젝트
Draw ERD with your team members. All states are shared in real time. And it's FREE. Database modeling tool.
www.erdcloud.com
우리조의 최종프로젝트는 내주변 만화카페 및 만화책 찾기다. 작성된 erd 중 store과 book 사이의 테이블을 만들어서 각각 one to many로 연결한다. 그렇게해서 각 지점이 보유한 책을 저장할 수 있다. 현재 만화규장각 api를 못받아와서 오늘은 많은 작업을 하지는 못했다.
728x90
'TIL' 카테고리의 다른 글
| [TIL] [기술면접] OAuth에 대해서 설명해주세요. (0) | 2024.01.18 |
|---|---|
| [TIL] nest.js에서 네이버 소셜로그인 기능구현하기 (0) | 2024.01.18 |
| [TIL][기술면접준비] 1. NoSQL과 RDBMS의 특징과 차이점에 대해서 장, 단점을 들어 설명해주세요 (1) | 2024.01.13 |
| [TIL] Redis란? Redis와 MySQL의 차이, Redis 설치 (1) | 2024.01.12 |
| 240110 [TIL] nest.js 내장 예외처리 정리,HTTP 상태코드 (2) | 2024.01.11 |
'TIL' Related Articles
more
