본문 바로가기
강의 실습/비전공자도 이해할 수 있는 DB 설계 입문 실전

[실습] 화면 UI 디자인을 보고 DB 설계해보기 - JSCODE 게시판

by jint 2026. 3. 8.

1. 화면 UI 디자인
[인프런 DB 설계 강의] JSCODE 게시판 : 강의에서 참고

 

-> figma : 요즘 현업에서 유행하는 디자인 툴



2. 디자인 보고 테이블 설계
1) 그룹핑
- users (사용자)
id / 닉네임 / 이메일 / 비밀번호 / 프로필 이미지 URL / 자기소개

- posts (게시글)
id / 작성날짜 / 제목 / 소제목 / 내용 / 해시태그 / 좋아요 수 / 작성자

- hashtags (해시태그)
id / 태그명 / 게시글에서 사용된 횟수

- follows (팔로우)
id / 팔로우 한 사람 / 팔로우 받은 사람

- likes (좋아요)
id / 좋아요 누른 사람 / 좋아요 누른 게시글

- comments (댓글)
id / 내용 / 작성자 / 작성 시간 / 어떤 게시글의 댓글인지

2) 임의의 데이터 넣으며 중복 체크하여 테이블 분리
- users (사용자)

id 닉네임 이메일 비밀번호 프로필 이미지 URL 자기소개
1 JSCODE abc@naver.com password (URL1) 자기소개
2 TEST test@test.com pwd1234 (URL2) 안녕


- posts (게시글)

id 작성날짜 제목 소제목 내용 작성자 : users id (FK)
1 24.02.11 23:00:00 제목1 소제목1 내용1 1
2 24.02.11 23:00:00 제목1 소제목1 내용1 2


- hashtags (해시태그)

id 태그명
1 생활
2 꿀팁
3 자유


- posts_hashtags (게시글 해시태그)

id posts id (FK) hashtags id (FK)
1 1 1
2 1 2
3 2 2
4 2 3


- follows (팔로우)

id 팔로우 한 사람 : users id (FK) 팔로우 받은 사람 : users id (FK)
1 1 2


- likes (좋아요)

id 좋아요 누른 사람 : users id (FK) 좋아요 누른 게시글 : posts id (FK)
1 1 1


- comments (댓글)

id 내용 작성자 : users id (FK) 작성 시간 어떤 게시글의 댓글인지 : posts id (FK)
1 내용1 1 24.04.03 23:00:00 2
2 내용1 2 24.04.03 23:00:00 2
3 내용1 2 24.04.03 23:00:00 2


관계 파악1)
게시글, 해시태그

#1 엔티티 간에 어울리는 동사 찾기
게시글은 해시태그를 "가진다."
해시태그는 게시글에 "속한다."

#2 찾은 동사를 활용해 적절한 단어(하나의 or 여러 개의) 찾기
하나의 게시글은 "여러 개의" 해시태그를 가진다.
하나의 해시태그는 "여러 개의" 게시글에 속한다.

#3 관계 판단
게시글 : 해시태그 = N : M


-> 현업 개발자가 데이터베이스 설계 하는 방식
-> 정규화 잘 이루어짐
-> 정석적인 데이터베이스 설계 방식


참고링크 : https://www.inflearn.com/course/%EB%B9%84%EC%A0%84%EA%B3%B5%EC%9E%90-db-%EC%84%A4%EA%B3%84-%EC%9E%85%EB%AC%B8?cid=335049

 

비전공자도 이해할 수 있는 DB 설계 입문/실전| JSCODE 박재성 - 인프런 강의

현재 평점 4.9점 수강생 1,510명인 강의를 만나보세요. 비전공자 입장에서도 쉽게 이해할 수 있고, 실전에서 바로 적용 가능한 'DB 설계 입문/실전' 강의를 만들어봤습니다! 복잡한 개념을 몰라도

www.inflearn.com

댓글