๋ฐ๋๋ผ JS์ฑ๋ฆฐ์ง๋?
๐ "๋ ธ๋ง๋์ฝ๋" ์ฌ์ดํธ์์ ์งํ ์ค์ธ ํ๋ก๊ทธ๋จ์ผ๋ก, ๋งค ๊ธฐ๊ฐ๋ณ๋ก ์ง์์๋ฅผ ๋ฐ์์ ์ ํด์ง ๊ธฐ๊ฐ ๋์ ๋ฏธ์ ์ ๋์ ํ๋ ์ผ์ข ์ ์คํฐ๋๋ค!
๊ทธ๋ฆฌ๊ณ ์ฑ๋ฆฐ์ง๋ ๋ฌด๋ฃ์ง๋ง, ์ฑ๋ฆฐ์ง์ ์ฐธ์ฌํ๊ธฐ ์ํด ์ ๋ฃ ๊ฐ์๋ฅผ ์๊ฐํด์ผ ํ๋ ๊ฒฝ์ฐ๊ฐ ์๋ ๊ฒ ๊ฐ๋ค.
๊ทธ์ค์์ ๋ด๊ฐ ์ฐธ์ฌํ ๊ณผ์ ์ ๋ฐ๋๋ผJS์ฑ๋ฆฐ์ง๋ก ์๋์ '๋ฐ๋๋ผ JS๋ก ํฌ๋กฌ ์ฑ ๋ง๋ค๊ธฐ' ๊ฐ์์ ๊ฐ์ด ์งํ๋๋ ์ฑ๋ฆฐ์ง์ด๋ค.
๊ฐ์๋ ๋ฌด๋ฃ, ์ฑ๋ฆฐ์ง๋ ๋ฌด๋ฃ์ธ๋ฐ ์ฑ๋ฆฐ์ง๋ฅผ ๋๋ด๊ณ ๋๋ฉด ๋ค๋ฅธ ๊ฐ์๋ฅผ ๋ค์ ๋ ์ฌ์ฉํ ์ ์๋ ์ต๋ 30% ํ ์ธ์ฟ ํฐ๊ณผ ๋ฑ์ง, ์๋ฃ์ฆ ๋ฑ์ ์ ๊ณตํ๋ค๊ณ ํ๋ ์ ํ ์ด์ ๊ฐ ์๋?๐
์ฑ๋ฆฐ์ง์ ๋ชฉ์ ?
ํํ์ด์ง์ ๋์์๋ ๋ชฉ์ ์ ์์ ๊ฐ๋ค.
ํฌ๊ฒ ๊ฐ์๋ฅผ ๋์ด๋๊ณ ์๊ฐํ๊ธฐ ํ๋ค์๋ ์ฌ๋์ด๋, ๊ฐ์๋ง ๋ฃ๊ณ ์ค์ ์ ์ ์ฉ์ด ์ด๋ ค์ ๋ ์ฌ๋๋ค์ด ๋ค์ผ๋ฉด ์ข๋ค. ์ฑ๋ฆฐ์ง์ ๋์ ํ ๊ฒฝ์ฐ์ 2์ฃผ ์ง๋ํ๊ฐ ์ ๊ณต๋๋๋ฐ, ์ด์ ๋ง์ถฐ์ ๊ฐ์๋ฅผ ๋ฃ๊ณ ๋งค์ผ ๋์ค๋ ๊ณผ์ ๋ฅผ ์ํํ๋ฉด ๋๋ค.
๊ณผ์ ์ ๊ฒฝ์ฐ ํด์ฆ๋ ๋ฐ๋ก ๋ต์ ์ ์ ์๊ณ , ์ฝ๋ฉ๊ณผ์ ๋ ์ ์ถ ์ฌ๋ถ๋ง ํ๋จํ ๋ค ์ฑ๋ฆฐ์ง ์ต์ข ์ข ๋ฃ ํ์ ๋ค์ ์ฑ์ ์ ํ์ฌ ํ์์กฐ๊ฑด์ ๋ฏธ๋ฌ๋๋ฉด ํ๋ฝํ๋ค๊ณ ๋์์๋ค.
๋ํ Slack์ ์ด์ฉํ ์ปค๋ฎค๋ํฐ๊ฐ ์์ด์, ์ฌ๋ฌ ์๊ฐ์๋ค๊ณผ ์๋ก ์ง๋ฌธ๋ ํ๊ณ ๋ํ๋ ํ๋ฉด์ ๋๊ธฐ๋ถ์ฌ๋ฅผ ๋ฐ์ ์ ์๋ค.
๐ ๋์ ํ ์ฝ๋ฉ ๊ณผ์ ๋ค
1. ํด๋ฆญ์ด๋ฒคํธ ๋ง๋ค๊ธฐ
2. Screen Resize ์ด๋ฒคํธ ๋ง๋ค๊ธฐ
3. ๋๋ค ์ซ์๊ฒ์ ๋ง๋ค๊ธฐ
1์ฃผ์ผ์ด ์ง๋ ์์ ์ ํ๊ธฐ๐ค
์ฒ์์์ ๋๋ ๋ฌด๋ฃ ๊ฐ์์ธ ๋ฐ๋ค๊ฐ ์ด๊ธ ๋งํฌ๊ฐ ๋ถ์ด์์ด์ ๊ฐ์ ๋ด์ฉ์ด ๋งค์ฐ ์ฌ์ธ ์ค ์์๋๋ฐ, ์๊ณ ์๋ ๋ด์ฉ์ด๋ผ๋ ๋ช ํํ๊ฒ ์ค๋ช ํ๊ธฐ ์ด๋ ค์ ๋ ๊ฐ๋ ์ ๋ํ ์ค๋ช ์ด ๋งค์ฐ ์ ๋์ด์์ด์ ๋๋๋ค.
๊ทธ๋ฆฌ๊ณ ๊ฐ์๊ฐ ๊ฐ๋ ์ค๋ช → ์ค์ต, ํ์ฅ๋ ๊ฐ๋ → ์ค์ต์ ๋ฐ๋ณต์ด๋ค ๋ณด๋ ์ดํด๊ฐ ์์ฃผ ์ ๋๋ค. ์์ง ์ด๋ฐ์ด๋ผ ๊ทธ๋ฐ ๊ฒ ๊ฐ๊ธฐ๋ ํ์ง๋ง...๐
๊ฐ๋จํ 10๋ถ ๋ด์ธ์ ๊ฐ์๋ก ๋์ด์๊ณ ์ง๋ํ์ ๋์จ ๋ด์ฉ์ด ์์์ ๊ธ๋ฐฉ ํ ์ ์์ ์ค ์์๋๋ฐ, ์๊ฐ๋ณด๋ค ์ ๋ฆฌํ๊ณ ์ค์ตํ๋ฉด์ ๋ฃ๊ธฐ์๋ ์๊ฐ ์์๊ฐ ๋ง์ด ๋๋ค.
๋ง์ฝ ์ฑ๋ฆฐ์ง๋ฅผ ์ฐธ์ฌํ๋ ค๋ฉด ๊ฐ์ ์์ต์ ์ด๋ ์ ๋ ํ๊ณ ์์ํด์ผ ์๊ฐ์ด ๋ถ์กฑํ์ง ์์ ๊ฒ ๊ฐ๋ค.
๋งค์ผ ๊ฐ์๋ฅผ ๋ฃ๊ณ ๊นํ๋ธ์ ์ ๋ฆฌํ๋ฉด์ ๋ค์ผ๋ ์ ๋ณด๋ค ๋ง์ฐํ ๋๋์ด ์ค์ด๋ค๊ณ , ์ค์ ์์ ๊ฐ๋ ์ ์ฌ์ฉํ ๋ ๋์์ด ๋ง์ด ๋๋ค. ๊ทธ๋ฆฌ๊ณ ๋งค์ผ ์งํ๋๋ ๊ณผ์ ๋ฅผ ํ๋ฉด์ ๊ฐ๋ ์ ํ๋ฒ ๋ ์ ๋ฆฌํ ์ ์์ด์ ์ ๋ง ์ข๋ค.
์์ผ๋ก ๋จ์ ์ผ์ฃผ์ผ ์ด์ฌํ ํด์ ๊ผญ ์๊ฐํ์ฌ ์ฟ ํฐ๊ณผ ์๋ฃ์ฆ์ ๋ฐ์์ผ๊ฒ ๋ค!!
'JavaScript > Nomad Coders' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[TIL] ๐ก Day 7 - Javascript value getting, saving, loading ํ๋ ๋ฐฉ๋ฒ (0) | 2022.04.01 |
---|---|
[TIL] ๐ก Day 6 - ํจ์๋ ์ ๋ณด๋ฅผ ๋ด๊ณ (0) | 2022.03.31 |
[TIL] ๐ก Day 5 - JS๋ฅผ ํตํด์ CSS๋ฅผ ์กฐ์ํ๋ ๋ฐฉ๋ฒ๋ค (0) | 2022.03.13 |
[TIL] ๐ก Day 4 - HTML๊ณผ JS ์ฐ๊ฒฐ, ์กฐ์ ๋ฐฉ๋ฒ (0) | 2022.03.13 |
[TIL] ๐กDay 3 - function, argument, return, prompt, typeof, ์กฐ๊ฑด๋ฌธ (0) | 2022.03.12 |
๋๊ธ