์ธํ”„๋Ÿฐ ์˜๋ฌธ ๋ธŒ๋žœ๋“œ ๋กœ๊ณ 
์ธํ”„๋Ÿฐ ์˜๋ฌธ ๋ธŒ๋žœ๋“œ ๋กœ๊ณ 
BEST

iOS AutoLayout ์™„๋ฒฝ ๊ฐ€์ด๋“œ - ์‹ค๋ฌด ํ”„๋กœ์ ํŠธ๋ฅผ ์œ„ํ•œ ์‹ค์ „๊ฐ•์˜

ํ™•์‹คํ•œ ํ™”๋ฉด๊ตฌํ˜„ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ์ดํ•ด์™€ ์‰ฝ๊ณ  ๋น ๋ฅธ ๋ฐฉ๋ฒ•์„ ๋ˆ„๊ตฌ๋ณด๋‹ค ๋งŽ์€ ํ”„๋กœ์ ํŠธ ๊ฒฝํ—˜์„ ํ†ตํ•œ ๋…ธํ•˜์šฐ๋ฅผ ์ •๋ฆฌํ•ด ๊ฐ•์˜๋กœ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.

Thumbnail

์ดˆ๊ธ‰์ž๋ฅผ ์œ„ํ•ด ์ค€๋น„ํ•œ
[UX/UI, ๋ชจ๋ฐ”์ผ ์•ฑ ๊ฐœ๋ฐœ] ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๊ฑธ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์–ด์š”

  • AutoLayout์˜ ๊ธฐ๋ณธ ๊ฐœ๋…๊ณผ ์‘์šฉ

  • ์Šคํƒ๋ทฐ๋ฅผ ํ™œ์šฉํ•œ UI ๊ตฌ์„ฑ

  • ๋™์  ํ…์ŠคํŠธ ๋ณ€ํ™˜ ๋ฐ ํฐํŠธ ์กฐ์ •

  • ๋ณด์•ˆ ํ‚ค๋ณด๋“œ์™€ ์ปค์Šคํ…€ ๋ ˆ์ด์•„์›ƒ ์ œ์ž‘

  • ํ…Œ์ด๋ธ”๋ทฐ ์…€์˜ ๋™์  ๋†’์ด ๋ณ€ํ™˜

  • ํ”Œ๋กœํŒ… ๋ฒ„ํŠผ ์• ๋‹ˆ๋ฉ”์ด์…˜๊ณผ ํ™”๋ฉด ์ „ํ™˜

  • ๊ทธ๋ž˜ํ”„๋ฅผ ํ†ตํ•œ ๋™์  ๋ ˆ์ด์•„์›ƒ ์ปจํŠธ๋กค

  • ํŒ์—… ๋ ˆ์ด์•„์›ƒ ๊ตฌ์„ฑ ๋ฐ ๋กœ๊ทธ์ธ ํ™”๋ฉด ๋™์  ๋ณ€ํ™˜

  • ์ฑ„ํŒ…์•ฑ ๊ตฌ์กฐ ์ดํ•ด ๋ฐ ํ…Œ์ด๋ธ”๋ทฐ ํ™œ์šฉ

  • ํ™”๋ฉด ํšŒ์ „๋ฐฉํ–ฅ์— ๋”ฐ๋ฅธ ๋ ˆ์ด์•„์›ƒ ๊ตฌ์„ฑ

 

UX/UI๋กœ ํšจ๊ณผ์ ์ธ ํ™”๋ฉด ๊ตฌํ˜„ํ•˜๊ธฐ,
์‹ค๋ฌด ํ”„๋กœ์ ํŠธ๋กœ ๊ฐ€๋ฟํ•˜๊ฒŒ ํ•™์Šตํ•˜์ž! โœจ

์‹ค๋ฌด ํ”„๋กœ์ ํŠธ๋ฅผ ํ†ตํ•ด ๋ฐฐ์šฐ๋Š”
iOS ์˜คํ† ๋ ˆ์ด์•„์›ƒ ์™„๋ฒฝ ๊ฐ€์ด๋“œ

์ง€๊ธˆ์€ ์ฝ”๋“œ๋ฅผ ์ž˜ ๋งŒ๋“œ๋Š” ๊ฒƒ๋ณด๋‹ค UX/UI๋ฅผ ์ œ๋Œ€๋กœ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ๊ฐœ๋ฐœ์ด ํ•„์š”ํ•œ ์‹œ๋Œ€์ž…๋‹ˆ๋‹ค. ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ, ๋„คํŠธ์›Œํ‚น ๋“ฑ ์ฝ”๋“œ๋ฅผ ์ž˜ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์€ ์ด๋ฏธ ๊ณต์‹์ฒ˜๋Ÿผ ๋„ˆ๋ฌด๋‚˜๋„ ์ข‹์€ ์†Œ์Šค์™€ ๋ฐฉ๋ฒ•์ด ์ •๋ฆฌ๋˜์–ด์žˆ์ง€๋งŒ, ํ™”๋ฉด์„ ์ œ๋Œ€๋กœ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ๋ ค์ฃผ๋Š” ๊ณณ์€ ๊ฑฐ์˜ ์—†๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

๋ณธ ๊ฐ•์˜์—์„œ๋Š” ํ™”๋ฉด์„ ๊ตฌํ˜„ํ•˜๋Š” ๋ฒ•์„ ์ดํ•ดํ•˜๊ณ , ์‰ฝ๊ณ  ๋น ๋ฅด๊ฒŒ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ์ œ์‹œํ•ฉ๋‹ˆ๋‹ค. ๋‹ค์–‘ํ•œ ํ”„๋กœ์ ํŠธ ๊ฒฝํ—˜์—์„œ ๋ฐฐ์šด ๋…ธํ•˜์šฐ๋ฅผ ํ†ตํ•ด ๊ณ ๊ฐ์—๊ฒŒ ์–ดํ•„ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ๋ ค๋“œ๋ฆฌ๋ฉฐ, ์‹ค๋ฌด ํ”„๋กœ์ ํŠธ๋ฅผ ํ†ตํ•ด ์•ฑ์„ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ์˜คํ† ๋ ˆ์ด์•„์›ƒ ๊ธฐ๋Šฅ์„ ํ™•์‹คํ•˜๊ฒŒ ์ตํž ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


ํ•™์Šตํ•  ๋‚ด์šฉ ๋ฏธ๋ฆฌ๋ณด๊ธฐ 
๐Ÿ”

๋ฒ„ํŠผ ํด๋ฆญ์— ๋”ฐ๋ฅธ ํ™”๋ฉด ๋™์ž‘
ํด๋ฆญ์„ ํ†ตํ•œ ์ „์ฒด๋ณด๊ธฐ ๋™์ž‘
๋ฉ”๋‰ด๋ฐ”๊ฐ€ ํŒ์—…๋˜๋Š” ๋ฒ„ํŠผ ์ƒ์„ฑ

๐Ÿ“ข ์ฐธ๊ณ ! ๊ฐ•์˜์—์„œ ์‚ฌ์šฉํ•˜๋Š” ๋ฒ„์ „

  • iOS12
  • swift 4.2
  • Xcode10

๋„์›€์ด ๋˜๋Š” ๋ถ„๋“ค ๐Ÿ™Œ

 

์ฝ”๋”ฉ์—๋Š” ์ž์‹ ์žˆ์ง€๋งŒ
UX/UI๋Š” ์ž์‹ ์—†๋Š” ๋ถ„

 

ํšจ์œจ์ ์ธ ํ™”๋ฉด๊ตฌํ˜„๋ฒ•์„
์›ํ•˜๋Š” ๊ฐœ๋ฐœ ์ž…๋ฌธ์ž

 

์‹ค๋ฌด ์ค‘์‹ฌ์˜ ํ™”๋ฉด๊ตฌํ˜„๋ฒ•์„
๋ฐฐ์šฐ๊ณ  ์‹ถ์€ ๋ชจ๋“  ๊ฐœ๋ฐœ์ž

 

์ง€์‹๊ณต์œ ์ž ์†Œ๊ฐœ ๐Ÿ’Œ

์ด์ •ํšจ
์ €๋Š” 7๋…„์ฐจ iOS ๊ฐœ๋ฐœ์ž๋กœ ๊ฐœ๋ฐœ์ด๊ด„์„ ๋‹ด๋‹นํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ•์˜ ๊ฒฝ๋ ฅ์€ 4๋…„์ฐจ๋กœ, iOS 30์—ฌ๊ฐœ์˜ ํ”„๋กœ์ ํŠธ ์™„๋ฃŒ ๊ฒฝํ—˜์„ ์‚ด๋ ค ์ง๊ด€์ ์ด๊ณ  ์‹ค๋ฌด์ ์ธ ๊ฐ•์˜๋ฅผ ์ค€๋น„ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‹จ์ˆœ ๊ธฐ๋Šฅ๋งŒ ๋‚˜์—ดํ•˜๋Š” ๊ฐ•์˜๊ฐ€ ์•„๋‹Œ, ๋ ˆ์ด์•„์›ƒ ๊ตฌํ˜„์— ์–ด๋ ค์›€์„ ๋А๋ผ๊ฑฐ๋‚˜ ํšจ์œจ์ ์ธ ํ™”๋ฉด ๊ตฌํ˜„์„ ์›ํ•˜๋Š” ๋ชจ๋“  ๊ฐœ๋ฐœ์ž๋“ค์„ ์œ„ํ•ด ์ •์„ฑ๋“ค์—ฌ ์ค€๋น„ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ €๋งŒ ๋ฏฟ๊ณ  ๋”ฐ๋ผ์˜ค์‹œ๋ฉด ์ œ๋Œ€๋กœ ๋œ ๋ฉ‹์ง„ ํ™”๋ฉด์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋Š” ํž˜์„ ๊ธธ๋Ÿฌ ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”!

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • iOS ์•ฑ ๊ฐœ๋ฐœ์— ๊ด€์‹ฌ ์žˆ๋Š” ๋ถ„

  • AutoLayout์„ ๊นŠ์ด ์žˆ๊ฒŒ ๋ฐฐ์šฐ๊ณ  ์‹ถ์€ ๋ถ„

  • ์‹ค๋ฌด ํ”„๋กœ์ ํŠธ๋ฅผ ํ†ตํ•ด ์‹ค๋ ฅ์„ ํ‚ค์šฐ๊ณ  ์‹ถ์€ ๋ถ„

  • UI/UX ๋””์ž์ธ์— ๊ด€์‹ฌ ์žˆ๋Š” ๊ฐœ๋ฐœ์ž

  • Swift ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋ฅผ ํ™œ์šฉํ•˜๊ณ  ์‹ถ์€ ๋ถ„

์•ˆ๋…•ํ•˜์„ธ์š”
iOS Developer - ์ด์ •์ž…๋‹ˆ๋‹ค.

3,041

๋ช…

์ˆ˜๊ฐ•์ƒ

208

๊ฐœ

์ˆ˜๊ฐ•ํ‰

270

๊ฐœ

๋‹ต๋ณ€

4.8

์ 

๊ฐ•์˜ ํ‰์ 

7

๊ฐœ

๊ฐ•์˜

์•ˆ๋…•ํ•˜์„ธ์š”.

  • ๊ฐ•์˜ ๊ธˆ์•ก์ด ๋ถ€๋‹ด๋˜์‹œ๋Š” ๋ถ„๋“ค์€ ๊ฐ•์˜๋ช…์„ ์•„๋ž˜ ์ด๋ฉ”์ผ๋กœ ๋ณด๋‚ด์ฃผ์‹œ๋ฉด ํ• ์ธ์ฟ ํฐ์„ ๋ณด๋‚ด๋“œ๋ฆฝ๋‹ˆ๋‹ค.

  • apple-developer@kakao.com

iOS ๊ฐœ๋ฐœ์˜ ์„ธ๊ณ„์— ๋ฐœ์„ ๋“ค์ด๊ฒŒ ๋œ ์ง€ ๋ฒŒ์จ 10๋…„์ด ํ˜๋ €์Šต๋‹ˆ๋‹ค.

๊ทธ ๋™์•ˆ ๋‹ค์–‘ํ•œ ํ™˜๊ฒฝ์—์„œ 100์—ฌ๊ฐœ๊ฐ€ ๋„˜๋Š” ํ”„๋กœ์ ํŠธ๋ฅผ ์„ฑ๊ณต์ ์œผ๋กœ ๋Ÿฐ์นญํ•˜๋Š” ๋ฐ ์ฐธ์—ฌํ•˜์˜€์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฐ ๋‹ค์–‘ํ•œ ๊ฒฝํ—˜์„ ํ†ตํ•ด, ์‹ค๋ฌด์—์„œ์˜ ๊นŠ์€ ๋…ธํ•˜์šฐ์™€ ํ†ต์ฐฐ์„ ์–ป์„ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

์ด๋Ÿฐ ์ง€์‹์„ ๋ชจ์•„ ์ €์™€ ๊ฐ™์€ ์—ด์ •์„ ๊ฐ€์ง„ ๊ฐœ๋ฐœ์ž ๋ถ„๋“ค๊ณผ ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๊ธฐ ์œ„ํ•ด. ํ•ญ์ƒ ๋” ๋‚˜์€ ๋ฐฉ๋ฒ•, ๋” ํšจ์œจ์ ์ธ ๊ฒฝ๋กœ๋ฅผ ์—ฐ๊ตฌํ•˜๋ฉฐ, ๊ทธ ๊ฒฐ๊ณผ๋ฅผ ๊ฐ•์˜ ํ˜•ํƒœ๋กœ ์ œ์ž‘ํ•˜์—ฌ ์—ฌ๋Ÿฌ๋ถ„๋“ค๊ณผ ๊ณต์œ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

ํ•จ๊ป˜ ์„ฑ์žฅํ•˜๋Š” ์—ฌ์ •์— ๋™ํ–‰ํ•˜์‹ค ์ค€๋น„๊ฐ€ ๋˜์…จ๋‹ค๋ฉด, ์ €์™€ ํ•จ๊ป˜ ์‹œ์ž‘ํ•ด๋ด…์‹œ๋‹ค.

๋”๋ณด๊ธฐ

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

61๊ฐœ โˆ™ (15์‹œ๊ฐ„ 0๋ถ„)

๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์•„์ง ์ถฉ๋ถ„ํ•œ ํ‰๊ฐ€๋ฅผ ๋ฐ›์ง€ ๋ชปํ•œ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.
๋ชจ๋‘์—๊ฒŒ ๋„์›€์ด ๋˜๋Š” ์ˆ˜๊ฐ•ํ‰์˜ ์ฃผ์ธ๊ณต์ด ๋˜์–ด์ฃผ์„ธ์š”!