๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90

์ŠคํŒŒ๋ฅดํƒ€ ์ฝ”๋”ฉํด๋Ÿฝ_ํ”„๋กœ๋•ํŠธ ๋””์ž์ด๋„ˆ ๊ณผ์ • 4๊ฐœ์›”๊ฐ„์˜ ๋ฐฐ์›€์„ ๊ธฐ๋กํ–ˆ์–ด์š”.

๐ŸŒผ๋‚ด์ผ๋ฐฐ์›€์บ ํ”„_ํ”„๋กœ๋•ํŠธ ๋””์ž์ด๋„ˆ
48

[12/11 ๋ถ€ํŠธ์บ ํ”„] ์นดํƒ€, ๊ฐ•์˜: CSSโ‘ก, ์‹ค์Šต ๋‚ด์ผ๋ฐฐ์›€์บ ํ”„ D-36 (8์ฃผ์ฐจ) ๐Ÿ“ŒTo Do List* ์นดํƒ€: IOS vs ์•ˆ๋“œ๋กœ์ด๋“œ ์กฐ์‚ฌ ๋งˆ๋ฌด๋ฆฌ + ์ฝ”๋ฉ˜ํŠธ ๐Ÿค”* ๊ฐ•์˜: CSSโ‘ก โœ… * CSS์‹ค์Šต ๐Ÿค”* ๊ฐœ์ธ๊ณผ์ œ ์ˆ˜์ • โŒ์–ด๋–กํ•˜์ง€;* figma ํŠน๊ฐ• โŒ     01 ์นดํƒ€: IOS vs ์•ˆ๋“œ๋กœ์ด๋“œโœ๏ธ์ „์ฒด์ ์œผ๋กœ ์ •๋ฆฌ์ €๋ฒˆ์— ์ฐพ์•„๋†จ๋˜ ๊ฒƒ๋“ค ์œ„์ฃผ๋กœ ๋‹ค์‹œ ๋ณด๊ธฐ ์‰ฝ๊ฒŒ ์ •๋ฆฌ๋ฅผ ํ–ˆ๋‹ค.์ด๋Ÿฐ์‹์œผ๋กœ os๋ณ„ ๋’ค๋กœ๊ฐ€๊ธฐ ๊ธฐ๋Šฅ์€ ์–ด๋–ค ๊ฒŒ ์žˆ๋Š”์ง€, ์–ด๋–ค ๊ฒฝ์šฐ์— ๋’ค๋กœ๊ฐ€๊ธฐ๋ฅผ ์‚ฌ์šฉํ•˜๋Š”์ง€, ์–ด๋–ค ๊ฒฝ์šฐ์—” ๋‹ซ๊ธฐ๋ฅผ ์‚ฌ์šฉํ•˜๋Š”์ง€ ๋“ฑ์„ ๋‹ค์‹œ ๋ณด๊ธฐ ์ข‹๊ฒŒ ์ •๋ฆฌํ–ˆ๋‹ค. ๋‹ค๋ฅธ ๋ถ„์ด ํ•œ ์กฐ์‚ฌ๋ฅผ ๋ณด๋‹ˆ๊นŒ ํ•ด์ƒ๋„, ์‚ฌ์ด์ฆˆ ๋‹จ์œ„์— ๋Œ€ํ•ด์„œ ์กฐ์‚ฌ๋ฅผ ํ•˜์‹  ๋ถ„์ด ๊ณ„์…จ๋Š”๋ฐ๊ธ€๋งŒ ์ฝ๊ณ  ๋ฌด์Šจ๋ง์ด์ง€? ํ–ˆ๋‹ค.ใ…‹ใ…‹ ํ•ด์ƒ๋„๊ฐ™์€ ์ˆซ์ž๋‚˜ ๋‹จ์œ„๊ฐ€ ๋‚˜์˜ค๋ฉด๊ธฐ๋ณธ์ ์œผ๋กœ ๊ธด์žฅ๋˜๋Š” ๊ฒƒ ๊ฐ™๋‹ค.์ €๊ฑฐ๋Š” ๊ทธ๋ƒฅ ๋ฐœํ‘œํ• ๋•Œ ์ง‘์ค‘ํ•ด์„œ ๋ฌด์Šจ ๋ง์ธ์ง€ ์ดํ•ดํ•ด์•ผํ•  ํ•„์š”๊ฐ€ .. 2024. 12. 11.
[12/10 ๋ถ€ํŠธ์บ ํ”„] ์นดํƒ€, ๊ฐ•์˜: CSSโ‘ , TIL ๋‚ด์ผ๋ฐฐ์›€์บ ํ”„ D-35 (8์ฃผ์ฐจ) ๐Ÿ“ŒTo Do List* ์นดํƒ€: IOS vs ์•ˆ๋“œ๋กœ์ด๋“œ (์™ธ์ถœ๋กœ ์ฐธ์—ฌX)* ๊ฐ•์˜: CSSโ‘ * CSS ์ˆ™์ œ* ๊ฐœ์ธ๊ณผ์ œ ์ˆ˜์ •* ํ”ผ๊ทธ๋งˆ ํŠน๊ฐ• 2์‹œ๊ฐ„    02 ๊ฐ•์˜: CSS*CSS (Cascading Style Sheets)- html์— ๊ธ€๊ผด, ์ƒ‰๊น”, ์œ„์น˜ ๋“ฑ์„ ์ž…ํžˆ๋Š” ์ž‘์—… (๋ผˆ๋Œ€ ๊พธ๋ฏธ๊ธฐ) โœ๏ธdiv, span์ด๋ž€?* div (division): ๋ถ„ํ• ํ•˜๋‹ค- ๋ฐ์ดํ„ฐ์˜ ์ค„ ์ „๋ถ€. ํˆฌ๋ช…์˜์—ญ์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๋ฉด๋จ. ์•„์ฃผ์•„์ฃผ ๊ธฐ๋ณธ์ ์ธ ํƒœ๊ทธ๊ณ  ์ค‘์š”ํ•œ ํƒœ๊ทธ๋‹ˆ๊นŒ ์•Œ์•„๋‘˜๊ฒƒ!  *span: inline์œผ๋กœ ์ฃผ์–ด์ง„ ๋ฐ์ดํ„ฐ๋งŒํผ๋งŒ ๊ณต๊ฐ„์„ ๊ฐ€์ง€๊ณ ์žˆ๋‹ค.- ์ค„๋„˜๊น€X- span ์—ฐ์†ํ•ด์„œ ์‚ฌ์šฉ ์‹œ, ์ค„๋„˜๊น€์—†์ด ํƒœ๊ทธ ๋ฐ”๋กœ ์˜†์— ์œ„์น˜ํ•˜๊ฒŒ๋œ๋‹ค.์˜ˆ์ „์— ์ด๋Ÿฐ๊ฑฐ ์ดํ•ดํ•˜๊ธฐ ์™œ์ผ€ ์–ด๋ ค์› ๋Š”์ง€...ใ…‹ใ…‹ใ…‹ ใ… ใ…  ์ด์ œ๋Š” ๊ทธ๋ƒฅ ์•„ํ•˜! ํ•˜.. 2024. 12. 10.
[12/09 ๋ถ€ํŠธ์บ ํ”„] ์นดํƒ€, ๊ฐ•์˜: HTML, TIL ๋‚ด์ผ๋ฐฐ์›€์บ ํ”„ D-34 (8์ฃผ์ฐจ) ๐Ÿ“ŒTo Do List* ์นดํƒ€: IOS vs ์•ˆ๋“œ๋กœ์ด๋“œ * ๊ฐ•์˜: HTML* HTML ์ˆ™์ œ* ๊ฐœ์ธ๊ณผ์ œ ์ˆ˜์ •* ํ”ผ๊ทธ๋งˆ ํŠน๊ฐ• 2์‹œ๊ฐ„ ์ƒˆ๋กœ์šด ์กฐ ๋ฐฐ์ •์ด ์ด๋ค„์กŒ๋‹ค.13์กฐ๊ฐ€ ๋๊ณ  ์ฝ”๋”ฉํ•  ๋•Œ๋งŒ ๊ฐ™์€์กฐ์ธ ๊ฒƒ ๊ฐ™๋‹ค.๋‹ค์Œ ํŒ€ํ”„๋กœ์ ํŠธ๋ฅผ ๋งˆ์ง€๋ง‰์œผ๋กœ ํŒ€์ด ๋ณ€๊ฒฝ๋  ๊ฒƒ ๊ฐ™๋‹ค.๊ทธ๋•Œ๊นŒ์ง€ ์ž˜ ๋ฒ„ํ…จ๋ณด์ž  01 ๋””์ž์ธ์นดํƒ€โœ๏ธos๋ณ„ ๋„ค๋น„๊ฒŒ์ด์…˜ ์œ„์น˜/๊ธฐ๋Šฅ ์กฐ์‚ฌ์ „์— ํ•œ ๋ฒˆ ์กฐ์‚ฌํ•œ ๊ธฐ์–ต์ด ์žˆ๋Š”๋ฐos๋ณ„ ๋„ค๋น„๊ฒŒ์ด์…˜ ๋’ค๋กœ๊ฐ€๊ธฐ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์กฐ์‚ฌ๋ฅผ ๋งก๊ฒŒ๋˜์—ˆ๋‹ค. ios๊ฐ™์€ ๊ฒฝ์šฐ ์ƒ๋‹จ์— ์œ„์น˜ํ•˜๊ณ , [๋’ค๋กœ๊ฐ€๊ธฐ]๋ฅผ ๋ˆŒ๋ €์„ ๋•Œ ์ƒ์œ„ ์นดํ…Œ๊ณ ๋ฆฌ๋กœ ์ด๋™ํ•˜๋Š” ํ•œํŽธ์•ˆ๋“œ๋กœ์ด๋“œ์˜ ๊ฒฝ์šฐ ํ•˜๋‹จ์— ์œ„์น˜ํ•ด์žˆ์œผ๋ฉฐ [๋’ค๋กœ๊ฐ€๊ธฐ]๋ˆŒ๋ €์„ ๋•Œ 2๊ฐ€์ง€ ๊ธฐ๋Šฅ์ด ๋™์ž‘ํ•œ๋‹ค.ํ•˜๋‚˜๋Š” ์ƒ์œ„ ์นดํ…Œ๊ณ ๋ฆฌ๋กœ์˜ ์ด๋™(=hierarchy back), ๋˜ ํ•˜๋‚˜๋Š” ์ด์ „ ์ž‘์—…ํŽ˜์ด์ง€๋กœ์˜ ์ด.. 2024. 12. 9.
[12/06 ๋ถ€ํŠธ์บ ํ”„] โ‘คUX ํ”„๋กœ์ ํŠธ: UT ๋ฌธ์ œ์ •์˜ ํ›„ UI๊ฐœ์„ , WIL, KPTํšŒ๊ณ  ๋‚ด์ผ๋ฐฐ์›€์บ ํ”„ D-33 (7์ฃผ์ฐจ) ๐Ÿ“ŒTo Do List* โ‘คUX ํ”„๋กœ์ ํŠธ: UT ๋ฌธ์ œ์ •์˜ ํ›„ UI๊ฐœ์„    01 UX ํ”„๋กœ์ ํŠธ: UT ๋ฌธ์ œ์ •์˜ ํ›„ UI๊ฐœ์„ โœ๏ธ๋‹ค๋ฅธ ์กฐ ํ”„๋กœ์ ํŠธ ๊ด€์ฐฐํ•˜๊ธฐ์šฐ๋ฆฌ ์กฐ์—์„œ ๋‚˜์˜ค์ง€ ๋ชปํ•œ ๊ธฐํš ๋ฐฉ์‹์ด๋ผ๋˜์ง€ ๋‹ค์–‘ํ•œ ์‚ฌ๊ณ ๋ฅผ ์ ‘ํ•  ์ˆ˜ ์žˆ์–ด์„œ ์ข‹์•˜๊ณ ๋ถ€์กฑํ•œ ๋ถ€๋ถ„๋„ ๋ณด์—ฌ์„œ ํ”ผ๋“œ๋ฐฑ๋„ ๋งŽ์ด ์ ์—ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค.๋‚ด๊ฐ€ ์ „์— ์ •๋ฆฌํ–ˆ๋˜ ํฌํŠธํด๋ฆฌ์˜ค๋ฅผ ๋‹ค์‹œ ๋ดค์„ ๋•Œ ๋ถ€์กฑํ•œ ์ ์ด ์ฐธ...๋งŽ์„๊ฑฐ๋ผ๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค...ใ…‹ใ…‹ใ… ใ…  ์šฐ๋ฆฌ ์กฐ๋„ ํ”ผ๋“œ๋ฐฑ๊ณผ ์งˆ๋ฌธ์„ ๋ฐ›์•˜๋Š”๋ฐ ์ด ๋ถ€๋ถ„์„ ํ†ตํ•ด ์‚ฌ์šฉ์ž๊ฐ€ ์›ํ•˜๋Š” ๊ฒƒ์ด ๋ญ”์ง€,์–ด๋Š UI๊ฐ€ ๋ณ€๊ฒฝ๋์„ ๋•Œ ์–ด์ƒ‰ํ•˜๊ณ  ๋‚ฏ์„ค๋‹ค๊ณ  ๋Š๋ผ๋Š”์ง€ ํ™•์ธํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.์†์‰ฝ๊ฒŒ UI๋ฅผ ๋ณ€๊ฒฝํ•˜๋ฉด ์•ˆ ๋  ๊ฒƒ ๊ฐ™๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค.์šฐ๋ฆฌ๋Š” ์ „์ฒด UI ๊ตฌ๋„๋ผ๋˜์ง€ ํ†ค์•ค๋งค๋„ˆ๋ฅผ ์‹น ๋ฐ”๊ฟจ๊ธฐ๋•Œ๋ฌธ์— ์‚ฌ์šฉ์ž๊ฐ€ ๋‚ฏ์„ค๊ฒŒ ๋Š๊ปด์งˆ ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์„ ๊ณ ๋ ค.. 2024. 12. 6.
728x90

์ตœ๊ทผ๋Œ“๊ธ€

์ตœ๊ทผ๊ธ€

skin by ยฉ 2024 ttutta