2022. 01. 17 (์) - ํ์
๋์์ธ์ ๋๋ธ ์ํ๋ผ์ ๊ฑฐ์ ๊ฐ๋ฐ์๋๋ค์ ํ์์๋ค.
ํ์๊ฐ์
๊ฐ๋ฐ ์์!
๊ฐ๋ฐ ์ชฝ๋ ๊ด์ฌ ์์ด์
์ดํดํ๊ณ ์ถ์๋ฐ ์์ง ๋ง์ด ์ด๋ ต๋ค.
ํ์ํ๋ ๊ฐ๋ฐ์๋ถ๋ค์ด ๋ํํ๋ ๋ด์ฉ์ ๋ฃ๊ณ ๊ฒ์ํ๋ฉฐ ์ด์ฌํ ์ตํ๋ ค๊ณ ๋
ธ๋ ฅ ์ค์ด๋ค!
์ธ์ฆ - ํ์๊ฐ์
, ๊ถํ์, ๋ฆฌ๋ฉค๋ฒ ๋ฏธ, ๊ฒฝ๋ก ๋ง๊ธฐ
์ธ๊ฐ - ๋ก๊ทธ์์, ๋ก๊ทธ์ธ , ํํฐ
์ธ๊ฐ ๋ถ๋ถ์์ ๋ก๊ทธ์์, ๋ก๊ทธ์ธ thymelef ๋ง ๋ฌ๋ฉด ๋จ
๋ฆฌ๋ฉค๋ฒ ๋ฏธ, ๊ฒฝ๋ก ๋ง๊ธฐ ์ถํ ๋
ผ์ ์ฌํญ ์
๋๋น
๊ฐ๋ฐ ์๋ฃ : ๊ธ์์ผ
QA : ํ ์์ผ
์ธ์ฆ
: ์ ์ ๊ฐ ๋๊ตฌ์ธ์ง ํ์ธํ๋ ์ ์ฐจ, ํ์๊ฐ์ ํ๊ณ ๋ก๊ทธ์ธํ๋ ๊ฒ
์ธ๊ฐ
: ์ ์ ์ ๋ํ ๊ถํ์ ํ๋ฝํ๋ ๊ฒ
- ๋๊ฐ ์ธ์ ์ด๋ป๊ฒ ์ฐ๊ณ ์๋๊ฐ๋ฅผ ํ์ ํ๊ธฐ ์ํด ์ด๋ค ์ฌ์ดํธ์์๋ ์ธ์ฆ, ์ธ๊ฐ๊ฐ ์์
- ์ธ์ฆ๊ณผ ์ธ๊ฐ๋ api์์ ๊ฐ์ฅ ์์ฃผ ๊ตฌํ๋๋ ๊ธฐ๋ฅ
- privateํ api๋ ๋ฌผ๋ก ์ด๊ณ publicํ api๋ ๊ธฐ๋ณธ์ ์ธ ์ธ์ฆ๊ณผ ์ธ๊ฐ๋ฅผ ์๊ตฌ
thymelef(ํ์๋ฆฌํ) - View Template Engine
html ํ๊ทธ๋ฅผ ๊ธฐ๋ฐ์ผ๋กํ์ฌ th:์์ฑ์ ์ด์ฉํ์ฌ ๋์ ์ธ View๋ฅผ ์ ๊ณตํจ
์ปจํธ๋กค๋ฌ์์ ์ ๋ฌ๋ฐ์ ๋ฐ์ดํฐ๋ฅผ ์ด์ฉํด ๋์ ์ธ ํ์ด์ง๋ฅผ ๋ง๋ค ์ ์์
ํ๊ทธ์ ์์ฑ์ผ๋ก thymeleaf ๋ช ๋ น์ด๋ฅผ ์ฌ์ฉํ ์ ์๊ณ html ํ์ผ ๋ด์์ ์ฌ์ฉ์ด ๊ฐ๋ฅํจ
remember me(๋ฆฌ๋ฉค๋ฒ๋ฏธ)
: ์ธ์ ์ด ๋ง๋ฃ๋๊ณ ์น ๋ธ๋ผ์ฐ์ ๊ฐ ์ข ๋ฃ๋ ์ดํ์๋ ์ดํ๋ฆฌ์ผ์ด์ ์ด ์ฌ์ฉ์๋ฅผ ๊ธฐ์ตํ๋ ๊ธฐ๋ฅ
BCryptPasswordEncoder
: Spring Seurity(์คํ๋ง ์ํ๋ฆฌํฐ) ํ๋ ์์ํฌ์์ ์ ๊ณตํ๋ ํด๋์ค ์ค ํ๋๋ก ๋น๋ฐ๋ฒํธ๋ฅผ ์ํธํํ ๋ ์ฌ์ฉํ ์ ์๋ ๋ฉ์๋๋ฅผ ๊ฐ์ง ํด๋์ค
์คํ๋ง ์ํ๋ฆฌํฐ(Spring Security)
: ์๋ฐ ์๋ฒ๊ฐ๋ฐ์ ์ํด ํ์๋ก ํ ์ธ์ฆ, ๊ถํ๋ถ์ฌ ๋ฐ ๊ธฐํ ๋ณด์๊ธฐ๋ฅ์ ์ ๊ณตํ๋ ํ๋ ์์ํฌ(ํด๋์ค์ ์ธํฐํ์ด์ค ๋ชจ์)

1์ฐจ๋ก๊ณ
๊ธฐ์กด์ ์๋ ์์ฒด ๊ทธ๋๋ก ์ฌ์ฉํ ๋ก๊ณ ๋ผ์ ์ถํ ๋ค์ ์ ์ํด๋ณผ ์์ ์ด๋ค!
2022. 01. 20 (๋ชฉ) ~ 2022. 01. 21 (ํ ) - ๊ฐ๋ฐ์๋๊ณผ ํ์, ๋์์ธ ์์
๊ฐ๋ฐ์๋๊ป์ slack์์ ์ง๋ฌธํ์ ๋ด์ฉ
- ์ถ์ฒ ๋๋ค์์ ์ ํฌ ๋ฉ์ธ ๊ธฐ๋ฅ์ธ๊ฐ์? ์ถ์ฒ ๋๋ค์์ ์๊ฐ ๋์ด๊ฐ๋ฉด ์ด๋ป๊ฒ ๋๋์?
- ์ง์ญ์ ๊ฒฝ์ฐ, ์์ ์ ์ง์ญ์ ์ ๋ ฅํ๊ฒ ํด์ฃผ๋ฉด ๊ฑฐ์ง์ผ๋ก ์ ๋ ฅํ ์ ์์ง ์์๊น์?๋ง์ฝ ์ ๋ ฅํ๋ค๊ณ ํ๋ค๋ฉด, ๊ฐ ์ง์ญ์ ๋ํ ์ ๋ณด๋ฅผ ๊ฐ์ง๊ณ ์์ ui๋ก ๊ทธ๋ ค์ฃผ์ด์ผ ํ๋์?
- ์ง์ญ์ ๊ฒ์ํ๋ ui์์ ์ด๋ป๊ฒ ํ๋ฉด error message๊ฐ ์ฌ์ฉ์์๊ฒ ๋ณด์ฌ์ ธ์ผ ํ๋์?
- ์ฌ๊ธฐ padding ๊ฐ์ ์ผ๋ง ์ผ๊น์?
- ๋ฒํผ๊ณผ input element์ width๊ฐ ๋์ผํ ๋ ์ด์์์ธ๊ฒ ๊ฐ์๋ฐ 1px์ด ์ฐจ์ด๋๋ ๋์์ธ ์ ์ธ ์ด์ ๊ฐ ์์ ๊น์?
- ๋์์ธ ํ๋ ์์ด ์์ด๋ ์คํฌ๋ฆฐ 1920px๋ก ํ ์ด์ ๊ฐ ์์๊น์? ์์ ํด์๋๋ฅผ ๊ฐ์ง ๋ชจ๋ํฐ์ ๊ฒฝ์ฐ ๊ฐ ์๋ฆฌ๋จผํธ์ ํฌ๊ธฐ๊ฐ ๋ง์ด ์ปค์ง ๊ฒ ๊ฐ์ต๋๋ค.
๋์์ธ...์ด๋ ค์ด ๊ฑฐ์ผ......................
๋๋ฌด ๋ง๋งํ๊ฒ ๋ดค๋ค..(๋ฐ์ฑ)
์ฃ์กํฉ๋๋ ๊ฐ๋ฐ์๋..
< ๋ด๊ฐ ๋ณด๋ธ ๋ต๋ณ >
- ์ถ์ฒ ๋๋ค์์ ํ ๊ฐ ๋จ๋ ๊ฑธ๋ก ๊ธฐํํ์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ๋ฉ์ธ๊ธฐ๋ฅ์ธ์ง๋.. ๊ธฐํ์๋๊ณผ ์์ํด๋ณด๊ฒ ์ต๋๋ค
- ๋น๊ทผ๋ง์ผ์ ๊ฒฝ์ฐ ์์น ์ค์ ์ด ์์ ๋ค๋ฅธ ๋ ๊ณณ์ ์ง์ ํ ์ ์๊ฒ ๋์ด์๋๋ผ๊ณ ์(ex.๋์ ์ ์ฌ๋๋ฐ ๋์ ๊ณผ ์์ธ ์ ํ ๊ฐ๋ฅ)
- '์์น๋ฅผ ์ ๋ ฅํ์ง ์์์ ๋' ๋ง์ํ์๋ ๊ฑฐ ๋ง์ผ์ค๊น์??
- 17px์ ๋๋ค (์์ด์ฝ์ ๋ง์ถ ๊ฒ)
- ์๋จ ์ด๊ฑด ์ ์ค์์ธ ๊ฒ ๊ฐ์ต๋๋ค (๋์ผํ๊ฒ ์์ ํด๋์์ต๋๋ค!)
- ์ฃผ๋ก 1920px์ ๋ง์ด ์ฌ์ฉํ๋ ์ค ์๊ณ ์ฌ์ฉํ๋๋ฐ ๊ฑฐ๊ธฐ๊น์ง๋ ์๊ฐ์ ๋ชป ํด๋ณธ ๊ฒ ๊ฐ์ต๋๋คใ ใ ์ฃ์กํฉ๋๋ค. ์ด๋ ์ฌ์ด์ฆ๊ฐ ์ ๋นํ์ง ์์๋ณด๊ฒ ์ต๋๋ท
3๋ฒ์ ๋ํด ์ฌ์ญค๋ณด์ ์ด์ ๋
์์น ์ ๋ ฅ ์ ์ ์์นํ์ ์ '์๋ฃ๋ฒํผ'์ด ํ์ฑํ ๋์ด์๋ ๊ฒ ์ด์ํ๋ค๊ณ ๋๊ปด์ง์ จ๋ ๊ฒ ๊ฐ๋ค.
๋ฃ๊ณ ๋ณด๋ ๋ง๋ ๋ง์ด๊ณ ์ข์ ์์ด๋์ด๋ผ๊ณ ์๊ฐ๋ผ์
์ ๋ ฅ ์ ์๋ ๋ฒํผ์ ๋นํ์ฑํ ํ๊ธฐ๋ก ๊ฒฐ์ ํ๋ค!
๋!
'ํ์์น ๊ฒ์ ๋ฒํผ'์ ์๋์ ๋์์๋๋ฐ,
์์น ๊ฒ์์ ๋์ค๋ '๊ฒ์๊ฒฐ๊ณผ์ฐฝ'์ด ๊ทธ ๋ฒํผ์ ๊ฐ๋ฆฌ๋ ๋ฌธ์ ์ ์ ์ง์ ํด์ฃผ์ ์
๊ธฐํ์๋๊ณผ ์์ํ์ ๊ฒ์๋ฒํผ์ ์ข์ธก์ ์์นํ๋๋ก ์์ ํ์๋ค.

๊ทธ๋ฆฌ๊ณ ์ ๋ ์ ๊ฐ๋ฐ์๋๊ณผ ํ์์๊ฐ์ ๊ฐ์ง๊ฒ ๋์๋ค!
flexible design...
๋ฐ์ํ๋์์ธ ์ด๋ ต๋ค...
pcํ๋ฉด๊ณผ mobileํ๋ฉด ๋ ๋ค ๋์์ธํด์ผ ํ๋๋ฐ
๋ฐ์์ฑ์ ๋์ผ ์ ์๋ ๋์์ธ ํ๋ก์ธ์ค์ ์์คํ ์ด ํ์ํ๋ค.
๊ฐ๋ฐ์๋๊ป์ ๋ณธ์ธ์ด ๋ค๋๊ณ ์์ผ์ ์คํํธ์ ์ ๋์์ธ ์์คํ ์ ๋ํด์ ๋๋ต ์๋ ค์ฃผ์ จ๋ค.
๋์์ธ์์คํ ..์ด ์ต๋ํ ๋ง์์ผ ์ข๋ค๊ตฌ!
๋์์ธ์์คํ ..
21๋ 12์ ๋ง์ ๊ฐ๊ณ ์ถ์ ํ์ฌ ๋ฉด์ ๋ณด๊ณ ์์ ๋์ถฉ ์๊ณ ์๋ฐ.
์๋? ๋์์ธ์์คํ ํ ui๋์์ด๋ ๋ฉด์ ์ด์๊ธฐ ๋๋ฌธ!
์ ํ๋ธ๋ก ์ด์ฌํ ์ฐพ๊ณ ๋ฒผ๋ฝ์น๊ธฐ ๊ณต๋ถํ์๋ค ใ ใ
๋ฉด์ ์ ๋ถ์ ์ค ์์์ง๋ง^^; ์ง๊ธ ์ด๋ฌ๊ตฌ ์๋นใ
๊ทธ๋๋ ์ญ์ ๊ณต๋ถํด๋์ผ๋ฉด ๋ ๋๋ ๊ฑด ์๋ค.์ด๋ ๊ฒ ์ ์ฉํ๊ฒ ์ฐ์ด๋๊น !!
๋์์ธ์์คํ ์ด๋?
: ๋์์ธ์ ๋ณด๋ค ์ฝ๊ณ ํจ์จ์ ์ผ๋ก ํ๊ฒ ๋์์ฃผ๋ ์์คํ
๊ทธ๋์ ์ต๋ํ figma์์
1. component๋ฅผ ๋ง์ด ์ ์ํ์ฌ
2. pc์ mobile์ ๋ณํ๊ฐ ๋ง์ด ์๋๋ก
์์ ํด๋ณด๊ธฐ๋ก ํ๋ค.
๋ง์ด ๋ฐฐ์ด๋ค...๋ ์ฑ์ฅํ๋ค..์ฐฉํ ์ฌ๋๋ค ๋๋ถ์..



๋ฐ์ํ๋์์ธ์ ๊ณ ๋ คํ์ฌ ์์ ํ ๊ฒฐ๊ณผ!
ํต์ผํ ์ ์๋ ๊ฑด ๋ค ํต์ผ์ ์์ผฐ๋ค.
๋ณํ ๊ฑด font-size์ width ์ ๋!?
์์ผ๋ก ๊ณต๋ถํ ๊ฒ ๋ง๋ค.
ux์ ๋ฐ์ํ ์ด์ฌํ ๊ณต๋ถํด์ผ์ง !!
favicon๋ ์์ฒญํ์ จ๋๋ฐ
๋ก๊ณ ๊ฐ ์์ง ํ์ ์ด ์ ๋ผ์ ๋ค์ ๋ฒ์ ๋๋ฆฐ๋ค๊ตฌ ํ๋ค!
๊ทธ๋ฆฌ๊ณ ๊ฐ๋ฐ์ ๊ด์ฌ์ด ์๋ค๊ณ ํ๋๋
๊ฐ๋ฐ ๊ด๋ จ ๊ฐ์๋ ๋งํฌ๋ ๋ณด๋ด์ฃผ์ จ๋คใ
๋๋ฅผ ๋ฐ์ ์์ผ์ฃผ๋ ์ฌ๋๋ค..๊ฐ์ฌํฉ๋๋ค
'๐งก UIUX > ์ฌ์ด๋ํ๋ก์ ํธ-๊ณต๊ตฌ๋ง์ผ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
๊ณต๊ตฌ๋ง์ผ - ๊ฒ์๋ฌผ ๋ทฐ ํ์ด์ง UIUX๋ถ์ (01.26 - 01.30) (0) | 2022.01.31 |
---|---|
๊ณต๊ตฌ๋ง์ผ - ๋ชจ๋ฐ์ผ ๊ธ์ฐ๊ธฐ UIUX๋ถ์ (01.22 - 01.23) (0) | 2022.01.28 |
๊ณต๊ตฌ๋ง์ผ - ํ์๊ฐ์ , ๋ก๊ทธ์ธ (01.13 - 01.16) (0) | 2022.01.25 |
๊ณต๊ตฌ๋ง์ผ - ๊ธฐํ (01.10 - 01.12) (0) | 2022.01.25 |
์ฐ๋๋ง์ผ (1) | 2022.01.24 |
๋๊ธ