ํ์คํ์ ์ํ ํํํ ํ๋ฐํธ์๋ ๋ถํธ์บ ํ (HTML, CSS, ๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ + ES6) [ํ์คํ Part2]
ํ์ ์์ ์ค์ ์น์๋น์ค๋ฅผ ๊ฐ๋ฐํ ๊ฒฝํ์ ๊ธฐ๋ฐ์ผ๋ก, ์ ๋ฌธ์๋ฅผ ์ํ ์ค์ ์์ฉํ๋ ๊ฐ๋ฅํ ์์ค์ ์น๊ณผ ์ฑ์๋น์ค๋ฅผ ๊ฐ๋ฐํ๋ ๊ฒ์ ๋ชฉํ๋ก ํ๋ ํ์คํ ์๋ฆฌ์ฆ ๊ฐ์์ ๋๋ค. ์ด๋ฅผ ์ํ Part2 ๊ฐ์๋ก ๋ค์ํ ๊ธฐ์ ์ด ์กด์ฌํ๋ ํ๋ฐํธ์๋ ๊ธฐ์ ์์ ๋ฐ์ํ, ํธํ์ฑ๊น์ง ๊ณ ๋ คํ ์ต์ HTML5, CSS3, ๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ (Javascript) + ES6 ๋ฅผ ๋ชจ๋ ๊ฒฌ๊ณ ํ๊ฒ ์น ์ ๋ฆฌํ๋ ๊ฐ์์ ๋๋ค.
์๊ฐ์ 2,769๋ช
๋์ด๋ ์ ๋ฌธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ
- ๋ฏธํด๊ฒฐ
๋ฉ์ผ ํ์ธ๋ถํ๋๋ฆฝ๋๋ค
๊ถํ ์์ฒญ๋๋ ธ์ต๋๋ค.ํ์ธ๋ถํ๋๋ฆฝ๋๋ค!
HTML/CSSjavascriptes6๋ ๋ ํ๊ณ ์์ด
ใป
6๋ฌ ์
0
47
1
- ๋ฏธํด๊ฒฐ
CodeSandbox Vanilla ์ง๋ฌธ์์ต๋๋ค
์๋ ํ์ธ์. CodeSandbox์ Vanilla๊ฐ ๋ณด์ด์ง ์์ต๋๋ค. ๊ทธ๋์ ์ธํ๋ฐ ๋ด๋ถ์ ์ฌ๋ผ์จ ์ฌ๋ฌ
HTML/CSSjavascriptes6๋ ๋ ํ๊ณ ์์ด
ใป
6๋ฌ ์
0
47
1
- ๋ฏธํด๊ฒฐ
part1์ ์๊ฐํ์ง ์์๋ ์ง์ฅ์ด ์๋ค ํ์ จ๋๋ฐ
part1 ๋ฐ ์ ๋ฐ์ ์ธ IT๋ฐฐ๊ฒฝ์ง์์ด ์์ผ๋ฉด ์ง๋๋ฅผ ๋ฐ๋ผ๊ฐ๊ธฐ ์๋นํ ์ด๋ ต๊ฒ ๊ฐ์๊ฐ ๊ตฌ์ฑ๋์ด ์์ต๋๋ค.
HTML/CSSjavascriptes6zxcvb7850
ใป
8๋ฌ ์
0
89
1
- ๋ฏธํด๊ฒฐ
๊ฐ์์ ๊ดํด ๋ฌธ์ ๋๋ฆฝ๋๋ค.
part1 ์ ์๊ฐํ์ง ์์๋ part2 ์๊ฐ์ ์ง์ฅ์ด ์๋ค๊ณ ํ์ จ๋๋ฐ ํ๋ก๊ทธ๋จ ์ค์น๋ถํฐ ์๋ต์ ํ์ ์ ๊ฐ์ ์๊ฐ์ด ์งํ์ด ์ ๋ฉ๋๋ค. ์ด๋ป๊ฒ ์๊ฐ์ ์งํํ๋๊ฒ ๋ฐ๋์งํ ๊น์?
HTML/CSSjavascriptes6zxcvb7850
ใป
8๋ฌ ์
0
76
1
- ๋ฏธํด๊ฒฐ
๋ฉ์ผํ์ธ ๋ถํ๋๋ฆฝ๋๋ค.
๋ฉ์ผํ์ธ ๋ถํ๋๋ฆฝ๋๋ค. ์์ง ๊ถํ์ด ์์์ด์!<p style="text-align: le
HTML/CSSjavascriptes6์ด๋์ฐ
ใป
9๋ฌ ์
0
81
1
- ๋ฏธํด๊ฒฐ
14๊ฐ - 72,73๋ฒ ๊ฐ์ ์์์ด ๋์ผํ๊ฑฐ ๊ฐ์ต๋๋ค.
- ๊ฐ์ ์์์ ๋ํ ์ง๋ฌธ์ด ์์ผ์๋ฉด, ์์ธํ ๋ฌธ์๋ฅผ ์์ฑํด์ฃผ์๋ฉด, ์ฃผ๋ง/ํด์ผ ์ ์ธ, 2~3์ผ ๋ด์ ๋ต๋ณ๋๋ฆฝ๋๋ค (์ด์ธ์ ๋ฌธ์๋ ํ์ ๊ฐ์์ด๋ฏ๋ก ์ํด๋ฅผ ๋ถํ๋๋ฆฝ๋๋ค.)- ๊ฐ์ ๋ต๋ณ์ด ๋์์ด ์๋์ จ๋ค๋ฉด, <a ta
HTML/CSSjavascriptes6choets106
ใป
9๋ฌ ์
0
86
1
- ๋ฏธํด๊ฒฐ
Symbol ๊ด๋ จ ํ ์คํธ ์ฝ๋ ์คํ ๊ฒฐ๊ณผ ๋ฌธ์
Symbol ๊ด๋ จ ํ ์คํธ ์ฝ๋๋ฅผ Sandbox๋ก ํ์ธํด ๋ณด์๋๋ฐ ๊ฒฐ๊ณผ๊ฐ ๋ค๋ฅด๊ฒ ๋์์ ๋ฌธ์๋๋ฆฝ๋๋ค.Javascript๋ก sandbox๋ฅผ createํ์๊ณ , ์์ฑ๋
HTML/CSSjavascriptes6euny
ใป
์ผ ๋ ์
0
128
1
- ๋ฏธํด๊ฒฐ
ํธํ์ฑ ๊ด๋ จ ํ๊ทธ
- ๊ฐ์ ์์์ ๋ํ ์ง๋ฌธ์ด ์์ผ์๋ฉด, ์์ธํ ๋ฌธ์๋ฅผ ์์ฑํด์ฃผ์๋ฉด, ์ฃผ๋ง/ํด์ผ ์ ์ธ, 2~3์ผ ๋ด์ ๋ต๋ณ๋๋ฆฝ๋๋ค (์ด์ธ์ ๋ฌธ์๋ ํ์ ๊ฐ์์ด๋ฏ๋ก ์ํด๋ฅผ ๋ถํ๋๋ฆฝ๋๋ค.)- ๊ฐ์ ๋ต๋ณ์ด ๋์์ด ์๋์ จ๋ค๋ฉด, <a target="_blank" rel="noopen
HTML/CSSjavascriptes6ํ์ดํ ํด์ผ์ง
ใป
0
109
1
- ๋ฏธํด๊ฒฐ
๊ฐ์ํ๋ฉด์ index.js์ธ๋ฐ ์ ์๋๋ฐ์ค์ฝ๋์์๋ index.mjs์ธ์ง ๊ถ๊ธํด์
index.mjs๋ฅผ index.js๋ก ๋ฐ๊พธ๋ ค๋ฉด ์ด์ผํด์ผํ๋์
HTML/CSSjavascriptes6nrlee
ใป
0
129
1
- ๋ฏธํด๊ฒฐ
๊ฐ์ํ๋ฉด์ index.js์ธ๋ฐ ์ ์๋๋ฐ์ค์ฝ๋์์๋ index.mjs์ธ์ง ๊ถ๊ธํด์
index.mjs ๋ฅผ index.js๋ก ๋ฐ๊พธ๋ ค๋ฉด ์ด์ผํด์ผํ๋์
HTML/CSSjavascriptes6nrlee
ใป
0
140
1
- ๋ฏธํด๊ฒฐ
div id="highlighter"๊ฐ ๊ฐ์ํ๋ฉด์๋ ์๋๋ฐ ์ ์๋๋ฐ์คํ์ผ์๋ ์๋์ง ๊ถ๊ธํด์
div id="highlighter"๊ฐ ๊ฐ์ํ๋ฉด์๋ ์๋๋ฐ ์ ์๋๋ฐ์คํ์ผ์๋ ์๋์ง ๊ถ๊ธํด์
HTML/CSSjavascriptes6nrlee
ใป
0
77
1
- ๋ฏธํด๊ฒฐ
๊ฐ์ํ๋ฉด์ height ๊ฐ vh๊ฐ ์๋ vw๋ผ๊ณ ๋์์๋๋ฐ ๋ญ๊ฐ๋ง๋๊ฑฐ์ฃ
<img src="https://cdn.inflearn.com/public/files/posts/90e69d54-7fe2-4727-b3dc-29f0c8fb8980/a3b648a1-1c49-4ede-a47e-0427cc11179f.webp" med
HTML/CSSjavascriptes6nrlee
ใป
0
109
1
- ๋ฏธํด๊ฒฐ
๋ฉ์ผ ํ์ธ ๋ถํ๋๋ฆฝ๋๋ค.
์ด๋ฉ์ผ๋ก ์๋ฃ ์์ฒญ์ ํ์ผ๋ ๊ณ์ ๋ฐ์ง ๋ชปํ๊ณ ์์ต๋๋ค.๋ฉ์ผ ํ์ธ ๋ถํ๋๋ฆฝ๋๋ค. (swh0107@gmail.com)
HTML/CSSjavascriptes6์ฐํ
ใป
0
138
1
- ๋ฏธํด๊ฒฐ
๋ฉ์ผ ํ์ธ ๋ถํ๋๋ฆฝ๋๋ค
punkwagon@gmail.com ์ ๋๋ค
HTML/CSSjavascriptes6PUNKWAGON
ใป
0
144
1
- ํด๊ฒฐ
ํน๋ณํ ํํ์ javascript๋ฐฐ์ด์์
๋ชจ๋ ์ ์ํ ๋ค์ํ Javascript+EX6 ๋ฐฐ์ด ๋ฌธ๋ฒ ์ดํด116๋ถ 2์ด const data1 = [1, 2, "dave", null]; const data2 = [ { name: "Dave L
HTML/CSSjavascriptes6HYO JIN Kim
ใป
0
126
1
- ๋ฏธํด๊ฒฐ
๋ฉ์ผ ํ์ธ๋ถํ๋๋ฆฝ๋๋ค!
upward070@gmail.com ๊ถํ์์ฒญ๋๋ ธ์ต๋๋ค!
HTML/CSSjavascriptes6upward070
ใป
0
148
1
- ๋ฏธํด๊ฒฐ
codesandbox ์ ๋ฐ์ดํธ..
codesandbox๊ฐ ๋ ์ ๋ฐ์ดํธ ๋ ๊ฒ ๊ฐ์ต๋๋ค..๋ชจ๋ html ๊ธฐ๋ฅ๊ณผ ๋ฐฐ๊ฒฝ์ง์ ์ดํด ๊ฐ์ ์์๊ณผ ์ ํ ๋ค๋ฅธ ํ๋ฉด์ด ๋์ต๋๋ค..์ฌ์ฉ๋ฒ ์ ๋ฐ์ดํธ ํด ์ฃผ์๋ฉด ์ข์ ๊ฒ ๊ฐ์ต๋๋ค.!
HTML/CSSjavascriptes6HYO JIN Kim
ใป
0
137
1
- ๋ฏธํด๊ฒฐ
pdf ํ์ผ์ ์๋ ๋งํฌ์ฃผ์๋ก ๋ค์ด๊ฐ์ง์ง๊ฐ ์์ต๋๋ค.
ํ์คํ์ ์ํ ํํํ ํ๋ฐํธ์๋ ๋ถํธ์บ ํ (HTML, CSS, ๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ + ES6) [ํ์คํ Part2]์์ฌ๋ฏธ์ฝ๋ฉ
HTML/CSSjavascriptes6nonori123
ใป
0
247
2
- ๋ฏธํด๊ฒฐ
๊ฐ์์์ ์๋ ค์ฃผ์ Properties for the flex container ๋ณต์ต ์ฌ์ดํธ, ๊ฒ์ ๋ฐ๊ฒฌ๋์ด์ ๊ณต์ ๋๋ฆฝ๋๋ค~
- ๋ณธ ๊ฐ์ ์์ ํ์ต ๊ด๋ จ ๋ฌธ์์ ๋ํด ๋ต๋ณ์ ๋๋ฆฝ๋๋ค. (์ด๋ค ์ฑํฐ ๋ช๋ถ ๋ช์ด๋ฅผ ๊ผญ ๊ธฐ์ฌ๋ถํ๋๋ฆฝ๋๋ค)- ์ด์ธ์ ๋ฌธ์๋ฑ์ ํ์๊ฐ์์ด๋ฏ๋ก ์ํด๋ฅผ ๋ถํ๋๋ฆฝ๋๋ค- ํ์ ๊ณผ ๋ณํํ๋ ๊ด๊ณ๋ก ์ฃผ๋ง/ํด๊ฐ ์ ์ธ ์ต๋ํ 3์ผ๋ด๋ก ๋ต๋ณ์ ๋๋ฆฌ๋ ค ๋ ธ๋ ฅํ๊ณ ์์ต๋๋ค<b
HTML/CSSjavascriptes6๋ฐ์์ฐ
ใป
0
147
1
- ๋ฏธํด๊ฒฐ
removeEventlistener ๋ฅผ ์ ํด์ฃผ์ด์ผ ํ๋์ง
์๋ ํ์ธ์.๊ฐ์๋ฅผ ๋ฃ๊ณ ์ง๋๋ฌ๋ถํฐ ํ์ํ ์นํ๋ฉด์ ๋ง๋ค์ด์ ๊ฑฐ์ ์์ฑ์ ํ์ต๋๋ค. ํ์ฌ๋ ํ ์คํธ๋ฒ์ ์ผ๋ก ๋ง๋ ์ํ์ด๋ ๊ทธ๋ญ์ ๋ญ ๋์๋ค์ด ์ ๋์๊ฐ๊ธฐ๋ ํ๋๋ฐ ์ฝ๋๋ ์ข ์ง์ ๋ถํ๋ค๋ ์๊ฐ์ด ๋ค๊ณ .. ์ฌ๋ฌ๋ชจ๋ก ๊ด๋ จ์ด ์๋ ๊ฐ์๋ถ๋ถ๋ค์ ๋ค์ ๋ค์ด๋ณด๋ฉฐ ๊ฐ๋ค๋ฌ
HTML/CSSjavascriptes6๋ฅ์ฌ์
ใป
0
219
1






