ํŠธ๋Ÿฌ๋ธ” ์ŠˆํŒ…

๐Ÿ“Œ ์•Œ๋ฆผ

โ—๏ธUI ๋ ˆํผ๋Ÿฐ์Šค

๐Ÿ”ฅ ํ•„์š”ํ•œ ๊ธฐ๋Šฅ - 2/11 ํ† ์š”์ผ 18์‹œ์ „๊นŒ์ง€ ์ž‘์„ฑ ๋ถ€ํƒ๋“œ๋ ค์š”!!

์ œ๊ฐ€ ๋Œ€์ถฉ ํ‘œ๋งŒ๋“ค๋ฉด์„œ ๋” ์ ์€ ๋ถ€๋ถ„๋„ ์žˆ๋Š”๋ฐ ๋ณธ์ธ์ด ๊ตฌํ˜„ํ•˜์‹ค ๊ธฐ๋Šฅ์€ ์ถ”๊ฐ€/์ˆ˜์ • ํ•ด์ฃผ์„ธ์š”

๊ธฐ๋Šฅ ํŒŒ๋ผ๋ฏธํ„ฐ ๋ฆฌํ„ด๊ฐ’ ๋น„๊ณ 
ํšŒ์›๊ฐ€์ž… โ€ข ์ด๋ฉ”์ผ
โ€ข ๋น„๋ฐ€๋ฒˆํ˜ธ
โ€ข ์ „ํ™”๋ฒˆํ˜ธ
โ€ข ์ด๋ฆ„
โ€ข ์„ฑ๋ณ„
โ€ข ์ƒ๋…„์›”์ผ
โ€ข ์„ค๋ฌธ ์กฐ์‚ฌ(์„ ํƒ)
ํšŒ์›๊ฐ€์ž…๋œ ์œ ์ €์˜ ๊ธฐ๋ณธ์ •๋ณด, accessToken, refreshToken
์˜ˆ์‹œ
{ user : {
email : string
phonenumber: number
gender:
์„ค๋ฌธ์กฐ์‚ฌ ๊ฒฐ๊ณผ : {
์ง์—…:
โ€ฆ }} ํšŒ์›๊ฐ€์ž… ์‹œ db ์— ํšŒ์›์ •๋ณด ์ €์žฅํ•˜๊ณ  ๋ฐ”๋กœ ๋กœ๊ทธ์ธํ•  ์ˆ˜ ์žˆ๋„๋ก ํ† ํฐ ๋ฐœํ–‰
ํšŒ์›๊ฐ€์ž… ์„ฑ๊ณต ํ›„ ๋งž์ถค์ƒํ’ˆ ์„ ํƒ ๊ฐ์ฒด๋กœ ์ „๋‹ฌํ•  ์˜ˆ์ •
โ€ข ์„ ํ˜ธ์ƒํ’ˆ (์˜ˆ๊ธˆ, ์ ๊ธˆ: ์ค‘๋ณต ์„ ํƒ ๊ฐ€๋Šฅ)
โ€ข ์ฃผ๊ฑฐ๋ž˜ ์€ํ–‰ (16๊ฐ€์ง€: ํ”ผ๊ทธ๋งˆ ์ฐธ๊ณ )
โ€ข ์ง์—… (10๊ฐ€์ง€: ํ”ผ๊ทธ๋งˆ ์ฐธ๊ณ ) boolean, ์„ ํƒํ•œ ์ •๋ณด(ex. ์˜ˆ๊ธˆ, ์šฐ๋ฆฌ์€ํ–‰, ์ง์žฅ์ธ) ํšŒ์›๊ฐ€์ž… ํ›„ ํ•„์ˆ˜ ์„ ํƒ์€ ์•„๋‹™๋‹ˆ๋‹ค
ํšŒ์›๊ฐ€์ž… ์ดํ›„์—๋„ ์–ธ์ œ๋“  ์„ ํƒ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค
์„ ํ˜ธ์ƒํ’ˆ, ์ฃผ๊ฑฐ๋ž˜ ์€ํ–‰, ์ง์—… ๋ชจ๋‘ ์ •๋ณด๋ฅผ ์ž…๋ ฅํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค
ex. ์„ ํ˜ธ์ƒํ’ˆ๋งŒ ์„ ํƒ or ์„ ํ˜ธ์ƒํ’ˆ๊ณผ ์ง์—…๋งŒ ์„ ํƒ or ์ฃผ๊ฑฐ๋ž˜ ์€ํ–‰๊ณผ ์ง์—…๋งŒ ์„ ํƒ or ๋ชจ๋‘ ์„ ํƒ
๋กœ๊ทธ์ธ ์ด๋ฉ”์ผ, ๋น„๋ฐ€๋ฒˆํ˜ธ boolean, accessToken, refreshToken
๋กœ๊ทธ์ธ๋œ ์œ ์ €์˜ ๊ธฐ๋ณธ์ •๋ณด์™€ accessToken., refreshToken ๋กœ๊ทธ์ธ ์„ฑ๊ณต ์ดํ›„ ๋ฐ”๋กœ ํ™ˆํ™”๋ฉด์œผ๋กœ ๋„˜์–ด๊ฐ€ ํ•ด๋‹น ํ™”๋ฉด์— ์ด๋ฆ„์„ ํ‘œ์‹œํ•  ์˜ˆ์ •์ด๋ผ ๊ฐ€๋Šฅํ•˜๋‹ค๋ฉด ์ด๋ฆ„๋„ ๋ฆฌํ„ด๊ฐ’์— ํฌํ•จ์‹œ์ผœ์ฃผ์„ธ์š”
์ด๋ฉ”์ผ / ๋น„๋ฐ€๋ฒˆํ˜ธ ์ฐพ๊ธฐ ์ด๋ฉ”์ผ ์ฐพ๊ธฐ: ์ด๋ฆ„, ์ƒ๋…„์›”์ผ, ์ „ํ™”๋ฒˆํ˜ธ
๋น„๋ฐ€๋ฒˆํ˜ธ ์ฐพ๊ธฐ: ์ด๋ฉ”์ผ, ์ด๋ฆ„, ์ƒ๋…„์›”์ผ, ์ „ํ™”๋ฒˆํ˜ธ ๊ณตํ†ต: boolean
์ด๋ฉ”์ผ ์ฐพ๊ธฐ true: ์ด๋ฉ”์ผ
๋น„๋ฐ€๋ฒˆํ˜ธ ์ฐพ๊ธฐ true: ๋น„๋ฐ€๋ฒˆํ˜ธ
ํšŒ์›์ •๋ณด ๊ฐ€์ ธ์˜ค๊ธฐ id, password, ์ด๋ฆ„, ์„ฑ๋ณ„, ์ƒ๋…„์›”์ผ, ์ „ํ™”๋ฒˆํ˜ธ, ์˜ˆ/์ ๊ธˆ ๊ด€์‹ฌ ์—ฌ๋ถ€, ์ฃผ๊ฑฐ๋ž˜ ์€ํ–‰, ์ง์—…
ํšŒ์›์ •๋ณด ์ˆ˜์ • password, tel, ์˜ˆ์ ๊ธˆ ๊ด€์‹ฌ ์—ฌ๋ถ€, ์ฃผ๊ฑฐ๋ž˜ ์€ํ–‰, ์ง์—… boolean put ๋ฉ”์„œ๋“œ ์‚ฌ์šฉ
ํ† ํฐ ์žฌ๋ฐœ๊ธ‰ refreshToken ์œ ์ €์ •๋ณด, ์ƒˆ๋กœ๋ฐœ๊ธ‰๋œ accessToken, refreshToken
๊ธฐ๋Šฅ ํŒŒ๋ผ๋ฏธํ„ฐ ๋ฆฌํ„ด๊ฐ’ ๋น„๊ณ 
๋ชจ๋“  ์ƒํ’ˆ ๋ฆฌ์ŠคํŠธ ๊ฐ€์ ธ์˜ค๊ธฐ - ๋ชจ๋“  ์ƒํ’ˆ๋“ค์˜ ๊ธฐ๋ณธ์ •๋ณด
{์ƒํ’ˆid, ์€ํ–‰๋ช…, ์ƒํ’ˆ๋ช…, ์ตœ๊ณ ๊ธˆ๋ฆฌ, ์ตœ๊ณ ํ•œ๋„} ํ™ˆ ํ™”๋ฉด์—์„œ ๋ณด์—ฌ์ค„ ๋ฆฌ์ŠคํŠธ์— ์‚ฌ์šฉ
ํ‚ค์›Œ๋“œ๋ณ„ ์ƒํ’ˆ ๋ฆฌ์ŠคํŠธ ๊ฐ€์ ธ์˜ค๊ธฐ ํ‚ค์›Œ๋“œ ํ‚ค์›Œ๋“œ์— ํ•ด๋‹นํ•˜๋Š” ์ƒํ’ˆ๋“ค์˜ ๊ธฐ๋ณธ์ •๋ณด{์ƒํ’ˆid, ์€ํ–‰๋ช…, ์ƒํ’ˆ๋ช…, ์ตœ๊ณ ๊ธˆ๋ฆฌ, ์ตœ๊ณ ํ•œ๋„, ํ‚ค์›Œ๋“œ} ํ™ˆ ํ™”๋ฉด์—์„œ ํ‚ค์›Œ๋“œ ์„ ํƒ์‹œ ๋‚˜ํƒ€๋‚  ๋ฆฌ์ŠคํŠธ
์ƒํ’ˆ ๊ฒ€์ƒ‰ํ•˜๊ธฐ ์ƒํ’ˆ๋ช…์˜ ์ผ๋ถ€(=๊ฒ€์ƒ‰์–ด, ํ•„์ˆ˜)
์˜ˆ๊ธˆ/์ ๊ธˆ(์„ ํƒ)
์€ํ–‰๋ช…(์„ ํƒ)

| ํ•ด๋‹นํ•˜๋Š” ๊ฒ€์ƒ‰์–ด๋ฅผ ์ƒํ’ˆ๋ช…์— ํฌํ•จํ•˜๊ณ ์žˆ๋Š” ์ƒํ’ˆ๋“ค์˜ ๊ธฐ๋ณธ์ •๋ณด ์˜ˆ๊ธˆ์ ๊ธˆ ๋ฏธ์„ ํƒ์‹œ ์˜ˆ์ ๊ธˆ ๋ชจ๋‘ ์€ํ–‰๋ช… ๋ฏธ์„ ํƒ์‹œ ๋ชจ๋“  ์€ํ–‰ ์ƒํ’ˆ | ์ตœ์‹ ์ˆœ/๊ธˆ๋ฆฌ์ˆœ? ๋“ฑ์œผ๋กœ ์ •๋ ฌ๋„ ๊ฐ€๋Šฅํ• ๊นŒ์š” ..?

๊ฒ€์ƒ‰ํ™”๋ฉด์—์„œ ๊ฒ€์ƒ‰๊ฒฐ๊ณผ ๋ณด์—ฌ์ค„๋•Œ ์‚ฌ์šฉํ•  ๊ธฐ๋Šฅ | | | | | ๋งž์ถค์ƒํ’ˆ ๋ฆฌ์ŠคํŠธ ๊ฐ€์ ธ์˜ค๊ธฐ | ๋กœ๊ทธ์ธํ•œ ํšŒ์›์˜ ์„ค๋ฌธ์กฐ์‚ฌ๊ฒฐ๊ณผ(์˜ˆ๊ธˆ/์ ๊ธˆ - ์„ ํ˜ธ์ƒํ’ˆ , ์ฃผ๊ฑฐ๋ž˜์€ํ–‰, ์ง์—… )์™€ ๋‚˜์ด | ์„ค๋ฌธ์กฐ์‚ฌ ๊ฒฐ๊ณผ์™€ ๋‚˜์ด์— ๋งž๋Š” ์ƒํ’ˆ๋“ค์˜ ๊ธฐ๋ณธ์ •๋ณด | | | | | | ์ƒํ’ˆ์˜ ์ƒ์„ธ์ •๋ณด ๊ฐ€์ ธ์˜ค๊ธฐ | ์ƒํ’ˆ์˜ id | ํ•ด๋‹น ์ƒํ’ˆ์˜ ์ƒ์„ธ ์ •๋ณด | ์ƒํ’ˆ๋ฆฌ์ŠคํŠธ๋ฅผ ํด๋ฆญํ–ˆ์„ ๋•Œ ๋ณด์ด๋Š” ์ƒ์„ธํ™”๋ฉด์—์„œ ์‚ฌ์šฉ | | | |

๊ธฐ๋Šฅ ํŒŒ๋ผ๋ฏธํ„ฐ ๋ฆฌํ„ด๊ฐ’ ๋น„๊ณ 
๊ด€์‹ฌ์ƒํ’ˆ ๋“ฑ๋ก ์œ ์ €์˜ ์ด๋ฉ”์ผ, ๊ด€์‹ฌ์ƒํ’ˆ์œผ๋กœ ๋“ฑ๋กํ•  ํ•ด๋‹น์ƒํ’ˆ์˜ id ์„ฑ๊ณตํ•œ ์ƒํ’ˆ id, ์ƒํ’ˆ๋ช… ์‚ฌ์šฉ์ž๊ฐ€ ๋กœ๊ทธ์ธ์ค‘์ผ๋•Œ ํŠน์ • ์ƒํ’ˆ์„ ๊ด€์‹ฌ์ƒํ’ˆ์œผ๋กœ ๋“ฑ๋กํ•˜๋Š” ๊ธฐ๋Šฅ
๊ด€์‹ฌ์ƒํ’ˆ ๋ชฉ๋ก ๊ฐ€์ ธ์˜ค๊ธฐ ์œ ์ €์˜ ์ด๋ฉ”์ผ ๊ด€์‹ฌ์ƒํ’ˆ์œผ๋กœ ๋“ฑ๋กํ•œ ์ƒํ’ˆ์˜ ๊ธฐ๋ณธ ์ •๋ณด
์˜ˆ์‹œ
{ user : gorud@naver.com ,
items : [
{id: โ€œ2323โ€
์ƒํ’ˆ๋ช… : โ€œใ…‡ใ„นใ„ดโ€ , โ€ฆ ๊ธฐ๋ณธ์ •๋ณด๋“ค},
{},
{}
]} ์‚ฌ์šฉ์ž๊ฐ€ ๋กœ๊ทธ์ธ์ค‘์ผ๋•Œ ๊ด€์‹ฌ์ƒํ’ˆํƒญ์— ๋“ค์–ด๊ฐ”์„ ๋•Œ ๊ด€์‹ฌ์ƒํ’ˆ์œผ๋กœ ๋“ฑ๋กํ–ˆ๋˜ ๋ชจ๋“  ์ƒํ’ˆ์˜ ๋ฆฌ์ŠคํŠธ๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ๊ธฐ๋Šฅ
๊ด€์‹ฌ์ƒํ’ˆ์—์„œ ์‚ญ์ œ ์œ ์ €์˜ ์ด๋ฉ”์ผ, ์‚ญ์ œํ•  ์ƒํ’ˆ id ์‚ญ์ œ ์ฒ˜๋ฆฌ ์—ฌ๋ถ€ ๊ด€์‹ฌ์ƒํ’ˆ์—์„œ ์ผ๋ถ€ ์ƒํ’ˆ๋งŒ ์‚ญ์ œ
์ „์ฒด์‚ญ์ œ ์œ ์ €์˜ ์ด๋ฉ”์ผ ์ „์ฒด ์‚ญ์ œ ์ฒ˜๋ฆฌ ์—ฌ๋ถ€ ๊ด€์‹ฌ์ƒํ’ˆ ํƒญ์—์„œ ๊ด€์‹ฌ์ƒํ’ˆ์œผ๋กœ ๋“ฑ๋ก๋œ ์ƒํ’ˆ ๋ชจ๋‘ ํ•œ๋ฒˆ์— ์‚ญ์ œ
๊ธฐ๋Šฅ ํŒŒ๋ผ๋ฏธํ„ฐ ๋ฆฌํ„ด๊ฐ’ ๋น„๊ณ 
์ƒํ’ˆ ์‹ ์ฒญํ•˜๊ธฐ ์œ ์ €์˜ ์ด๋ฉ”์ผ, ์‹ ์ฒญํ•  ์ƒํ’ˆ์˜ id ์‹ ์ฒญ์„ฑ๊ณตํ•œ ์ƒํ’ˆ์˜ id ์™€ ๊ทธ ์ƒํ’ˆ์˜ ๊ธฐ๋ณธ์ •๋ณด ๊ฐ์ฒด
์‹ ์ฒญ ํ•ด์ง€ํ•˜๊ธฐ ์œ ์ €์˜ ์ด๋ฉ”์ผ, ํ•ด์ง€ํ•  ์ƒํ’ˆ์˜ ๊ณ ์œ  id boolean(์‹ ์ฒญ ํ•ด์ง€ ์—ฌ๋ถ€)
์‹ ์ฒญํ•œ ์ƒํ’ˆ ๋ชฉ๋ก ๊ฐ€์ ธ์˜ค๊ธฐ ์œ ์ €์˜ ์ด๋ฉ”์ผ ํ•ด๋‹น ์œ ์ €๊ฐ€ ์‹ ์ฒญํ•œ ์ƒํ’ˆ๋“ค์˜ ๊ธฐ๋ณธ ์ •๋ณด
์˜ˆ์‹œ
{ user : gorud@naver.com ,
items : [
{id: โ€œ2323โ€
์ƒํ’ˆ๋ช… : โ€œใ…‡ใ„นใ„ดโ€ , โ€ฆ ๊ธฐ๋ณธ์ •๋ณด๋“ค},
{},
{}
]} ์˜ˆ/์ ๊ธˆ(option), ์€ํ–‰(option)

๐Ÿ“„ ๊ตฌํ˜„ ํŽ˜์ด์ง€ ๋ชฉ๋ก

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FT6poCvqRrMqOYlNpXlCqWe%2FUntitled%3Fnode-id%3D0%253A1%26t%3DVPKIkubsZQwXx5Rv-0