Channel Avatar

Rock's Easyweb @UCax1DP6hqZowNWF2lquKk0w@youtube.com

20K subscribers - no pronouns :c

This is Web Publishing teacher Rock. Most of this channel is


10:36
Figma to Web P3 - ๋””์ž์ธ ์ฐธ๊ณ  HTML ์ž‘์„ฑ - AI, ํ”Œ๋Ÿฌ๊ทธ์ธ๋ณด๋‹ค ๊ฐ„๊ฒฐํ•˜๊ฒŒ ์ž‘์„ฑํ•˜๊ธฐ
23:57
Figma to Web P2 - ์ฝ”๋”ฉํ•˜์ง€ ์‰ฝ๊ฒŒ ์ด๋ฏธ์ง€ ์ €์žฅ, ์›๋ณธ ์ €์žฅํ•˜๊ธฐ, conic-gradient, ๋งˆ์Šคํฌ ์ด๋ฏธ์ง€ ์ €์žฅ
14:53
Figma to Web P1 - ์ €์žฅํ•  ์ด๋ฏธ์ง€ ํŒ๋‹จ ๋ฐ ์ €์žฅํ•˜๊ธฐ#figma
26:06
ChatGPT - map weather app - ์ง€๋„์™€ ๋‚ ์”จ API ์—ฐ๋™ ๊ธฐ์ƒ์ฒญ ์ดˆ๋‹จ๊ธฐ์˜ˆ๋ณด ์‚ฌ์ดํŠธ ๋งŒ๋“ค๊ธฐ
33:09
Open AI image generator - Open AI ์ด๋ฏธ์ง€ ์ƒ์„ฑ๊ธฐ ๋งŒ๋“ค๊ธฐ #3 api๋ฐœ๊ธ‰๋ฐ›๊ธฐ, ์ด๋ฏธ์ง€ ์ถœ๋ ฅ
21:50
Open AI image generator - Open AI ์ด๋ฏธ์ง€ ์ƒ์„ฑ๊ธฐ ๋งŒ๋“ค๊ธฐ #1, HTML,CSS, bootstrap modal #openai #imagegenerator
16:47
Open AI image generator - Open AI ์ด๋ฏธ์ง€ ์ƒ์„ฑ๊ธฐ ๋งŒ๋“ค๊ธฐ #2 javascript, ์˜ˆ์‹œ ์ด๋ฏธ์ง€ ์ถœ๋ ฅ #openai #imagegenerator
26:58
Javascript ๋ฌดํ•œ์Šฌ๋ผ์ด๋“œ - Dormammu infinite moving slide with requestAnimationFrame
13:50
Javascript calendar - ์ˆœ์ˆ˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋‹ฌ๋ ฅ ๊ตฌํ˜„ํ•˜๊ธฐ p4, ์ด์ „๋‹ฌ, ๋‹ค์Œ๋‹ฌ ๊ตฌํ˜„ํ•˜๊ธฐ
21:09
Javascript calendar - ์ˆœ์ˆ˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋‹ฌ๋ ฅ ๊ตฌํ˜„ํ•˜๊ธฐ p3, new Date(), ์˜ค๋Š˜๋‚ ์งœ ํ™•์ธํ•˜๊ธฐ
14:03
Javascript calendar - ์ˆœ์ˆ˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋‹ฌ๋ ฅ ๊ตฌํ˜„ํ•˜๊ธฐ p2, toLocalString
14:49
Javascript calendar - ์ˆœ์ˆ˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋‹ฌ๋ ฅ ๊ตฌํ˜„ํ•˜๊ธฐ p1
25:22
[์š”์ฒญ] Full Screen Slide p2 - Javascript Slideshow, ์ž๋™์Šฌ๋ผ์ด๋“œ
27:55
[์š”์ฒญ] Full Screen Slide p1 - CSS only, CSS๋กœ ์Šฌ๋ผ์ด๋“œ ๊ตฌํ˜„ํ•˜๊ธฐ
19:13
Fullpage.js v4 ์™„๋ฒฝํ™œ์šฉํ•˜๊ธฐ 3ํƒ„ - Scroll Horizontally, parallax, lecense Key ์ ์šฉ, ์›Œํ„ฐ๋งˆํฌ ์ œ๊ฑฐ
12:51
Fullpage.js v4 ์™„๋ฒฝํ™œ์šฉํ•˜๊ธฐ 2ํƒ„ - ์ฝœ๋ฐฑํ•จ์ˆ˜, ๋ฉ”์„œ๋“œ ํ™œ์šฉ, ์ƒ๋‹จ์ด๋™ํ•˜๊ธฐ
21:23
Fullpage.js v4 ์™„๋ฒฝํ™œ์šฉํ•˜๊ธฐ 1ํƒ„ - ๋†’์ด์ถ•์†Œ, ์„น์…˜๋ณ„ ์• ๋‹ˆ๋ฉ”์ด์…˜ ๊ตฌํ˜„, ๋น„๋””์˜ค ์žฌ์ƒ
12:15
์ทจ์—…๋ฅ  86.7% ! - ๊ธฐ์—…์—ฐ๊ณ„ ์›นํผ๋ธ”๋ฆฌ์…” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž - ์ˆ˜๊ฐ•์ƒ ๋ชจ์ง‘ #ํฌํŠธํด๋ฆฌ์˜ค#๊ตญ๋น„ํ›ˆ๋ จ#์›น๋””์ž์ธ
21:40
vue-basic #6 Vue CLI๋กœ ์‹œ์ž‘ํ•˜๊ธฐ, ํ”„๋กœ์ ํŠธ ๊ตฌ์กฐ, vue.js Dev Tool ์„ค์น˜
11:24
vue-basic #7 Vue CLI๋กœ ์‹œ์ž‘ํ•˜๊ธฐ, ์Šคํƒ€์ผ ๋ฒ”์œ„ ์„ค์ •ํ•˜๊ธฐ
09:53
vue-basic #5 vue.js ๋ฐ์ดํ„ฐ ํ๋ฆ„์ดํ•ดํ•˜๊ธฐ
12:09
vue-basic #4 ์ปดํฌ๋„ŒํŠธ, component
09:58
vue-basic #3 ๋‹คํฌ๋ชจ๋“œ๋ณ€๊ฒฝํ•˜๊ธฐ, computed properites, methods
17:52
vue-basic #2 ๋‚ด์šฉ๋ณ€๊ฒฝํ•˜๊ธฐ, ์ด๋ฒคํŠธ ์—ฐ๊ฒฐ, #vue.js
26:48
vue-basic #1 vue ์‹œ์ž‘ํ•˜๊ธฐ, ๋ณ€์ˆ˜์ถœ๋ ฅ, ํŽ˜์ด์ง€ ์ด๋™ํ•˜๊ธฐ #vue.js#v-for
24:57
[subtitle] ์•„์ด๋”” ๊ธฐ์–ตํ•˜๊ธฐ part2 - ์ฟ ํ‚ค ํ™œ์šฉ, cookie ํ™œ์šฉ rememer id
11:18
[subtitle] ์•„์ด๋”” ๊ธฐ์–ตํ•˜๊ธฐ part1 - ๋กœ์ปฌ์Šคํ† ๋ฆฌ์ง€ ํ™œ์šฉํ•˜๊ธฐ
12:40
[eng] ์ฒจ๋ถ€์ด๋ฏธ์ง€ ๋ฏธ๋ฆฌ๋ณด๊ธฐ - javascript, fileReader
08:17
ETC 69 ๋ฉค๋ฒ„์‰ฝ ๊ฐ€์ž…ํ›„ ๋ฐ˜๋“œ์‹œ ํ• ์ผ! - ๊ฐ€์ž…ํ˜œํƒ ์•ˆ๋‚ด, ์ž๋ฃŒ ๊ณต์œ  ๋ฐ›๊ธฐ, ์ž๋ฃŒ ๊ตฌ๋งคํ•˜๊ธฐ
08:28
jQuery 147 - ํŒŒ์ผ ์—…๋กœ๋“œ ๋ณ€๊ฒฝํ•˜๊ธฐ, ํŒŒ์ผ ์ •๋ณด ํ‘œ์‹œํ•˜๊ธฐ jquery #form #upload
08:20
jQuery 146 ์ƒํ•˜์ด๋™ ๋ฌดํ•œ์Šฌ๋ผ์ด๋“œ up-down slideshow
21:35
[subtitle] up-down ๋ฌดํ•œ ์Šฌ๋ผ์ด๋“œ javascript ๊ตฌํ˜„
24:20
CSS3-134 checkbox SVG animation with Figma
09:36
Next.js ์ดˆ๋‹จ๊ฐ„ ์•ฑ ๋งŒ๋“ค๊ธฐ p7(์™„๋ฃŒ) - ๊ธ€ ์‚ญ์ œ, ํ™˜๊ฒฝ ๋ณ€์ˆ˜ ๋“ฑ๋ก
10:46
Next.js ์ดˆ๋‹จ๊ฐ„ ์•ฑ ๋งŒ๋“ค๊ธฐ p5 - ์บ์‰ฌ, ์ˆ˜์ •-์‚ญ์ œ ๋ฒ„ํŠผ ๊ตฌ๋ถ„ ํ‘œ์‹œํ•˜๊ธฐ
16:22
Next.js ์ดˆ๋‹จ๊ฐ„ ์•ฑ ๋งŒ๋“ค๊ธฐ p4 - ๊ธ€ ์กฐํšŒ, ๊ธ€์ƒ์„ฑํ•˜๊ธฐ, ๋ผ์šฐํ„ฐ
21:23
Next.js ์ดˆ๋‹จ๊ฐ„ ์•ฑ ๋งŒ๋“ค๊ธฐ p3 - ๋ฐฑ์—”๋“œ ์„ค์น˜, ๋ฐ์ดํ„ฐ ์ถœ๋ ฅํ•˜๊ธฐ, #json-sever #fetch
19:39
Next.js ์ดˆ๊ฐ„๋‹จ์•ฑ ๋งŒ๋“ค๊ธฐ p2 - ํ™”๋ฉด ๊ตฌ์„ฑ, layout.js, page.js #nextjs
10:43
Next.js ์ดˆ๊ฐ„๋‹จ์•ฑ ๋งŒ๋“ค๊ธฐ p1 - ์•ฑ ์„ค์น˜ ๋ฐ ๋ฐฐํฌ #react#next.js
08:06
React.js ์™€ Next.js ๋น„๊ต, CSR, SSR ๋น„๊ต #react#nextjs#csr#ssr
10:51
CSS3 - 131[min, max ํ•จ์ˆ˜] ๋‚ด์šฉ(content)๋ฅผ ๊ธฐ์ค€์œผ๋กœ ํฌ๊ธฐ๋ฅผ ์ง€์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•
10:23
[subtitle] ๋ฐ˜์‘ํ˜• ์Šฌ๋ผ์ด๋“œ - javascript Event ์ ์šฉ, ๋‹จ์ถ•ํ‰๊ฐ€
29:20
[subtitle] ๋ฐ˜์‘ํ˜• ์Šฌ๋ผ์ด๋“œ javascript - chatGPT ์ด๋ฏธ์ง€ ์ƒ์„ฑ
11:06
์ด์ œ less, sass ํ•„์š”์—†์–ด์š”! CSS Nesting ๋ชจ๋“  ๋ธŒ๋ผ์šฐ์ € ์ง€์›
09:23
Design 63 [ FIGMA ] ํด๋ฆญ์‹œ ์„ธ๋กœ๋กœ ์ด๋™ํ•˜๋Š” ์• ๋‹ˆ๋ฉ”์ด์…˜ ๊ตฌํ˜„ํ•˜๊ธฐ, scroll to #prototyping #figma
17:41
[subtitle] javascript & jQuery ์• ๋‹ˆ๋ฉ”์ดํŠธ ๋น„๊ต
07:06
๋ ˆ์ด์•„์›ƒ, ์ปฌ๋Ÿฌ ๋ ˆํผ๋Ÿฐ์Šค ํ™œ์šฉํ•˜๊ธฐ #mobbin#palettmaker
29:56
[subtitle] ๋ฌดํ•œ์Šฌ๋ผ์ด๋“œ - javascript animate ํ•จ์ˆ˜ ํ™œ์šฉ, easing ์ถ”๊ฐ€
03:38
ETC 67 ์นด์นด์˜ค ์ง€๋„ ๋„คํŠธ๋ฆฌํŒŒ์ด(netlify) ๋ฐฐํฌํ•˜๊ธฐ #netlify#kakaomap
11:41
[subtitle] ์ดˆ๊ฐ„๋‹จ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋žœ๋ค ๋ฐฐ๋„ˆ ๊ตฌํ˜„ํ•˜๊ธฐ
17:11
[subtitle] Full grid picture animation with Javascript, transitionstart, transitionend Event
16:49
[subtitle] Google Calendar API - fullcalendar ๋‹ฌ๋ ฅ ์—ฐ๋™ํ•˜๊ธฐ ์™„๊ฒฐ #google#calendar#fullcalendar
20:48
[subtitle] Google Calendar API - fullcalendar ๋‹ฌ๋ ฅ ์—ฐ๋™ํ•˜๊ธฐ #google#calendar#fullcalendar
22:24
[js 124] [subtitle] dropdown Component with Javascript Class Part2
13:45
[js 123] [subtitle] dropdown Component with Javascript Class Part1
17:34
[js 122] ๋‹ค์Œ ์ง€๋„ API ํ™œ์šฉ(2024) - ๋‚˜๋งŒ์˜ ํ•จ์ˆ˜ ๋งŒ๋“ค๊ธฐ, ํƒญ ํ™œ์šฉํ•˜๊ธฐ [subtitle][eng subtitle]
27:26
[js 121] ๋‹ค์Œ ์ง€๋„ API ํ™œ์šฉ(2024) ์œ„๋„ ๊ฒฝ๋„ ํ™•์ธ, ๋งˆ์ปคํ‘œ์‹œ, ์ธํฌ์ฐฝ ๊ตฌํ˜„ํ•˜๊ธฐ ํŒŒํŠธ1
10:44
[js 118] [์ž๋ง‰] ๋‹จ๊ณ„๋ณ„ ์™„์„ฑ ํผ form ๊ตฌํ˜„ํ•˜๊ธฐ P1 - ํผ HTML ๊ตฌ์กฐ ์ž‘์„ฑํ•˜๊ธฐ #์›น์ ‘๊ทผ์„ฑ #SEO
10:44
[js 118] Step-by-step input form by AI Voice Dubbed for TEST
26:40
[js 120] ๋‹จ๊ณ„๋ณ„ ์™„์„ฑ ํผ form ๊ตฌํ˜„ํ•˜๊ธฐ P3 - ์ž…๋ ฅํ™•์ธ, ์Šคํ… ์—…๋ฐ์ดํŠธ ํ•จ์ˆ˜ ์™„์„ฑ