01
๋ถํธ์คํธ๋ฉ์ ์ฌ์ฉํ์ง ์๊ณ ๋ฐ์ํ ์น ์ฝ๋ฉ ๋ง๋ณด๊ธฐ
2๊ฐ (01:26:55)step01-1 ๋ถํธ์คํธ๋ฉ์ ๊ฐ๋
step01-2 ๋ถํธ์คํธ๋ฉ ํต์ฌ์์ 4๊ฐ์ง์ BS3์์ BS4๋ก ๋ฐ๋ ํฌ์ธํธ
02
๋ถํธ์คํธ๋ฉ ์์ํ๊ธฐ
2๊ฐ (01:32:15)step02-1 ๋ถํธ์คํธ๋ฉ4 ์์ํ๊ธฐ
step02-2 ๋ฐ์ํ์น ์ ์ฒด ๋ ์ด์์ ์ง๊ธฐ ํต์ฌ์์
03
๊ทธ๋ฆฌ๋ ์์คํ
๊ณผ ๋ ์ด์์ ๊ด๋ จ ํด๋์ค์ ์ฌ์ฉ
5๊ฐ (03:01:20)step03 ๋ถํธ์คํธ๋ฉ4์ ์ถ๊ฐ๋ ๋ ์ด์์ ํด๋์ค
step04-1 ์ ๋ ฌ๊ด๋ จ ํด๋์ค
step04-2 ์์์ ์ด๋ ๊ด๋ จ ํด๋์ค
step05-1 ํ
์คํธ ์ด๋ฏธ์ง ๊ด๋ จ ํด๋์ค
step05-2 ํ
์ด๋ธ ๊ด๋ จ ํด๋์ค
04
๋ค์ํ ์ปดํฌ๋ํธ
17๊ฐ (09:58:15)step06 ๋ค์ํ ์ปดํฌ๋ํธ1_๊ฒฝ๊ณ ์ฐฝ๋ถํฐ ๋ฒํผ๊ทธ๋ฃน๊น์ง(ํ
์คํธ)
step07-1 ๋ค์ํ ์ปดํฌ๋ํธ2_์นด๋
step07-2 ๋ค์ํ ์ปดํฌ๋ํธ2_์นด๋ ๋ฉ์ด์จ๋ฆฌ๊น์ง
step08-1 ๋ค์ํ ์ปดํฌ๋ํธ3_์บ๋ก์
step08-2 ๋ค์ํ ์ปดํฌ๋ํธ3_์ฝ๋ฉ์ค
step08-3 ๋ค์ํ ์ปดํฌ๋ํธ3_๋๋๋ค์ด
step08-4 ๋ค์ํ ์ปดํฌ๋ํธ3_ํผ ์์
step08-5 ๋ค์ํ ์ปดํฌ๋ํธ3 ์บ๋ก์
๊ณผ form_selfEX๋ฌธ์
step09-1 ๋ค์ํ ์ปดํฌ๋ํธ4_์ ๋ณดํธ๋ก ๋ถํฐ ๋ฏธ๋์ด ์ค๋ธ์ ํธ๊น์ง
step09-2 ๋ค์ํ ์ปดํฌ๋ํธ4_๋ชจ๋ฌ
step09-3 ๋ค์ํ ์ปดํฌ๋ํธ4_selfEX๋ฌธ์ ํ์ด
step10-1 ๋ค์ํ ์ปดํฌ๋ํธ5_๋ค๋ธ ๋ฐ
step10-2 ๋ค์ํ ์ปดํฌ๋ํธ5_๋ค๋ธ ๋ฐ selfEXํ์ด
step11 ๋ค์ํ ์ปดํฌ๋ํธ6_ํ์ด์ง๋ค์ด์
๋ถํฐ ํ๋ก๊ทธ๋ ์ค๊น์ง
step12-1 ๋ค์ํ ์ปดํฌ๋ํธ7_์คํฌ๋กค์คํ์ด๋ถํฐ ํดํ๊น์ง
step12-2 ๋ค์ํ ์ปดํฌ๋ํธ7_spinner๋ถํฐ tooltip๊น์ง
step12-3 ๋ค์ํ ์ปดํฌ๋ํธ7_scrollspy_selfEXํ์ด
05
๊ทธ๋ฐ์ ์ ํธ๋ฆฌํฐ๋ค
5๊ฐ (03:06:18)step13 ๊ทธ๋ฐ์ ์ ํธ๋ฆฌํฐ๋ค1_border์์ฑ๋ถํฐ colors์์ฑ๊น์ง
step14 ๊ทธ๋ฐ์ ์ ํธ๋ฆฌํฐ๋ค2_๋ณด์ด๊ณ ์จ๊ธฐ๋ ํด๋์ค & selfEXํ์ด
step15-1 ๊ทธ๋ฐ์ ์ ํธ๋ฆฌํฐ๋ค3_embed๋ถํฐ flex๊ด๋ จ ํด๋์ค๊น์ง
step15-2 ๊ทธ๋ฐ์ ์ ํธ๋ฆฌํฐ๋ค3_flex๊ด๋ จ ํด๋์ค ๊ฒฐ๊ณผ ํ์ธํ๊ธฐ
step16 ๊ทธ๋ฐ์ ์ ํธ๋ฆฌํฐ๋ค4_texthide๋ถํฐ visibility์์ฑ๊น์ง
๋ง์ง๋ง ์
๋ฐ์ดํธ|2024๋
03์ 06์ผ