โค๏ธ๐ฅ Liked ๋ฉ์์ด ์ฌ์์ฒ๋ผ ํ๋ก ํธ์๋ 5๊ธฐ๋ฅผ ์๋ฃํ๋ฉด์ ๊ฐ์ฅ ํฌ๊ฒ ๋ฐฐ์๊ฐ ๊ฒ์ ํ์ ๋ฅ๋ ฅ๊ณผ ํ ๋ฌธํ์ธ ๊ฒ ๊ฐ๋ค. ์ค์ ๋ก ๊ฒฝํํด ๋ณด๋ ์ ๊ธฐ์ ์ผ๋ก ์งํ๋๋ ์์ ์ด๋ ํ๋ก์ ํธ ๊ณผ์ ์ ๋ชฐ๋ํ๋ค ๋ณด๋ฉด ์ค์ค๋ก๋ฅผ ํ๊ณ๊น์ง ๋ชฐ์๊ฐ๊ธฐ๋ ํ๋๋ฐ ์ธ๋ถ์ ์๋ ์นํ ์น๊ตฌ๋ค ๋ณด๋ค๋ ๊ฐ์ ๋ชฉํ๋ฅผ ๊ฐ์ง๊ณ ๊ณต๋ถํ๋ ๋๋ฃ๋ค์๊ฒ ๋ง์ด ์์งํ ์ ์์๋ค. ๋์ด๋, ์ง์ญ ๋ฑ ํ๊ฒฝ์ ์ฐจ์ด๋ฅผ ๋์ด์์ ๋๋ํ๊ฒ ์๋ก ์์ํด ์ฃผ๊ณ ์ง์งํด์ฃผ๊ณ ์๋ค๋ ๋๋์ ์์ฃผ ๋ฐ์ ์ ์๋ค. ๊ฐ์ ๋ชฉํ๋ฅผ ๋๊ณ ์๋๋ฐ ๊ฒฝ์ํ์ง ์๊ณ ์๋ก ์์ํด ์ฃผ๋ ์์คํ ๊ฒฝํ์ ์ฌํ์์ ์ฝ๊ฒ ์ป์ ์ ์๊ธฐ ๋๋ฌธ์ ๋ ์์คํ๋ ๊ฒฝํ! ํ๋ฌธํ๊ฐ ์์ฑ๋ ์ ์๋๋ก ๋ถ์๊ธฐ๋ฅผ ์กฐ์ฑํด์ฃผ๋ ์ด์์ง ๋ถ๋ค์ ๋ฅ๋ ฅ์ด ์ ๋ง ํ์ํ๋ค๊ณ ๋๊ผ๋ค. ๋๋ถ์ ๋ ์ด์ฌํ ํด์ ๊ธฐ๋ ์ด์์ผ๋ก ์ฑ์ฅํ ..
2023.07.14๋ฐ๊ฐ์ต๋๋ค. JAY์ ๋๋ค! ๐ฉโ๐ป
FE ์์ญ์์ ํ์ ์ ๊ฐ์น๋ฅผ ๊ตฌํํ๋ ๊ฐ๋ฐ์๊ฐ ๋๊ธฐ ์ํ ๋ ธ๋ ฅ์ ์ด์ด๊ฐ๊ณ ์ ์ด๊ณณ JAYโจ๏ธCODE ์ ์ฑ์ฅ์ ๊ธฐ์ฌํ ๋๊ตฌ๋ค์ ๊ธฐ๋กํ๊ณ ์์ต๋๋ค.
Total14
-
[๋ฉ์์ด ์ฌ์์ฒ๋ผ] ๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 5๊ธฐ๋ฅผ ๋ง์น๋ฉฐ ๋จ๊ธฐ๋ ํ๊ณ (ํํ๋ก์ ํธ, ์๋ฃ)
-
[๋ฉ์์ด ์ฌ์์ฒ๋ผ] ๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 5๊ธฐ 13์ฃผ์ฐจ 4LS ํ๊ณ (Redux, TDD, ์๋ฃ๊ตฌ์กฐ, ์๊ณ ๋ฆฌ์ฆ, Big O, ์น ์ ๊ทผ์ฑ)
โค๏ธ๐ฅ Liked ํ๋ก๊ทธ๋๋จธ์ค 0๋จ๊ณ๋ฅผ ๊พธ์คํ ํ๊ณ ์๋๋ฐ ๋๋ถ๋ถ์ ๋ฌธ์ ๋ฅผ ๋ฐฐ์ด ํ์์ผ๋ก ๋ฉ์๋์ฒด์ด๋ํด์ ํ๊ณ ์์์ง ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๊ณ ๊ด๋ฆฌํ๋ ์๋ฃ๊ตฌ์กฐ ๋ฐฉ๋ฒ๋ก ์ผ๋ก ์ ๊ทผํ๊ธฐ๋ ์ฒ์์ด์๋ค. ์๋ฃ๊ตฌ์กฐ์ ์๋ ๋ฐฉ์์ ๋ฐ๋ฅธ ์ฑ๋ฅ ์ฐจ์ด์ ๋ํ ์ง์์ ๋ณด์ํ ์ ์์๊ณ ์ ์ฐจ์ ํด๊ฒฐ๋ ฅ์ ํค์ฐ๋ ๋ฐ ๋์์ด ๋์๋ค. ์ปดํจํฐ์ ๋ ผ๋ฆฌ๋ก ์ฌ๊ณ ํ๋ ๊ฒ์ ๋ ์ฐ์ตํด์ผ๊ฒ ๋ค. Jasmin, Jest๋ฅผ ์ฌ์ฉํด์ ๊ฐ๋จํ TDD๋ฅผ ์งํํด ๋ดค๋๋ฐ, ์ค๋ฌด์์ ์ฃผ๋์ด ๊ฐ๋ฐ์๊ฐ ๋ฐ๋ก ํฌ์ ๋๋ ์์ญ์ ์๋์ง๋ผ๋ ์์ ์ ํตํด ์ ์ฒด์ ์ธ TDD ๊ฐ๋ฐ ํ๋ก์ธ์ค๋ฅผ ์ดํดํด ๋ณผ ์ ์๋ ๊ฒฝํ์ด๋ผ ์ ์ตํ๋ค. ์ฅ์ ์ธ, ์์์ ์ธ๊ถ์ ์ํด ์ ๋๋ฅผ ๊ฐ์ ํ๊ธฐ ์ํด์๋ ๋ง์ ํฌ์๊ณผ ๋น์ฉ, ์๊ฐ์ด ํ์ํ๋ค. ์ด๋ฒ์ฃผ, ์นด์นด์ค ์์ ๊นํ์ผ๋์ ์น ์ ๊ทผ์ฑ ํน๊ฐ์ ํตํด ๊ฒฐํจ์..
2023.05.27 -
[๋ฉ์์ด ์ฌ์์ฒ๋ผ] ๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 5๊ธฐ 12์ฃผ์ฐจ 4LS ํ๊ณ (useEffect, useMemo, Context, customHook)
โค๏ธ๐ฅ Liked ์ด๋ฒ์ฃผ ์์ ์์ git ์ฌํ๊ณผ์ ์ด ์์ด์ ์ข์๋ค. ๋ฒ์ฌ๊ฐ์ฌ๋์ด ์ผ๋ถ๋ฌ ํ๋ผ๋ฆฌ PR, Merge ๊ณผ์ ์์ ์๋ฌ๊ฐ ๋๋ ์ํฉ์ ๋ง๋ค์๊ณ , History๊ฐ ๊ผฌ์ด๋ ํ๋ฉด์ ๋ณด์ฌ์ฃผ์๋ฉด์ ํด๊ฒฐํ๋ ๊ฑธ ๋ณด๋ ํ์คํ ๋์์ด ๋๋ค. ์ค์ ํ์ ์์ ๋จ๊ธฐ๋ ์ปค๋ฐ ๋ฉ์์ง์ ๊ธฐ๋ก์ ๋ณด๋ ๊ฒ๋ ํฐ ๋๊ธฐ๋ถ์ฌ๊ฐ ๋์๋ค. React ๋ง์ง๋ง ํํธ์์ customHook์ ๋ฐฐ์ฐ๋ฉด์ ๋ฌดํ ์คํฌ๋กค์ ๊ตฌํํ๋๋ฐ ๊ฟ์ผ! ์ ์ฌ๋ฐ์ด์ง์๋ง์ ๋๋๋ฒ๋ฆฌ๋ ๋ฆฌ์กํธ... ๊ณผ์ ์ด ๋๋ฌด ์งง์์... ๊ณ์ ๋ฐฐ์ฐ๊ณ ์ถ์ด์... promise, fetch ๊ณ์ํด๋ ์ดํด๊ฐ ์ ๊ฐ๊ณ ์ด๋ ต๋๋ ๊ทธ๋ฅ ํต์งธ๋ก ์ธ์๋ฒ๋ฆฌ๋ ํธ-์. API๋ฅผ ๊ฐ์ ธ์ค๋ ๊ตฌ์กฐ์ ๋ํด์๋ ์ถฉ๋ถํ ์ดํดํ๋ค๋ ์๊ฐ์ด ๋ค์ด์ ์ค๋ํซ์ผ๋ก ๋ง๋ค์ด๋ฒ๋ ธ๋ค. ์ฃผ๋ง์ ๊ณต๊ณต API ๊ฐ์ ธ์์ ์ค์ตํด..
2023.05.22 -
[๋ฉ์์ด ์ฌ์์ฒ๋ผ] ๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 5๊ธฐ 11์ฃผ์ฐจ 4LS ํ๊ณ (Props, useState, Router, Styled-Components)
โค๏ธ๐ฅ Liked ์์ฆ React ์์ ์ ์ฌํ๋์ด ๋ฐ๋ณต ํ์ต์ ์งํํ๊ณ ์๋ค. ์ถ๊ฐ๋ก ์ฝ์ด์๋ฐ์คํฌ๋ฆฝํธ์ ์ง์์ด ์ฌ๋จ๋์ด ๋ฒ์ญํ์ React ๊ณต์๋ฌธ์๋ฅผ ์ฝ์ผ๋ฉด์ ๋ณด์ํ์ต์ ์งํํ๊ณ ์์ด์ Component, Props, State์ ๋ํ ๊ฐ๋ ์ ์ด๋ ต์ง ์๊ฒ ์ก์ ์ ์์๋ค. ๋ฆฌ์กํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ฌ์ฉ ๋ชฉ์ ์ด ์ฌ์ฌ์ฉ์ฑ์ ์ํด ์ํ์ ๋ฐ๋ผ ์ปดํฌ๋ํธ๋ฅผ ์ฌ์ฉ์ ์ ์ ์์๋ก ํํํ๋ ๊ฒ์ด๋ฏ๋ก ๋์ ์๋ฆฌ์ ๋ํ ๊ฐ๋ ์ ์ก๋ ๊ฒ์ ์ค์ ์ผ๋ก ๊ณต๋ถํ๊ณ ์๋ค. ํ๋ก์ ํธ ์กฐํธ์ฑ์ ์ํด ๊ฐ๊ด์๋ฌธํญ์ ๋น๋กฏํ ๊ฐ๋จํ ์ฝ๋ฉ ํ ์คํธ๋ฅผ ์งํํ๋๋ฐ ์๊ฐ ๋ด์ Javascript ๋์์ด ๋๋๋ก ๊ตฌํ์ ํด๋๋ค. ์ฝ๋ ํ์ง์ ๊ฐ์ ํด์ผ๊ฒ ์ง๋ง ์ด์ฌํ ์์๋๋ฅผ ๊ทธ๋ฆฌ๋ ์ฐ์ต์ ํ๋ ๊ฒฐ๊ณผ๊ฐ ๋์์จ ๊ฒ ๊ฐ์์ ๋ฟ๋ฏ! React๋ JS ๊ธฐ๋ฐ์ ์ธ์ด์ด๋ค ๋ณด..
2023.05.16 -
[๋ฉ์์ด ์ฌ์์ฒ๋ผ] ๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 5๊ธฐ 10์ฃผ์ฐจ 4LS ํ๊ณ (React Component, JSX, Props, Node.js, npm)
โค๏ธ๐ฅ Liked ๋ฐด๋ฉ๋จธ์ ์ JS Class๋ก ๋ง๋ค์ด์ ๋ชจ๋ํจํด์ ์ดํดํด ๋ณด๋ ์์ ์ ํ๋๋ฐ ์์ ์๋ฃ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก getter์ setter๋ฅผ ํ์ฉํ๋ฉด์ ์ง์ ๋ง๋ค์ด๋ณด๊ณ ํ๊ณ ์กฐ์ ๋ถ๊ณผ ๊ฐ์ด ์ฝ๋๋ฆฌ๋ทฐ๋ฅผ ํ๋ ์๊ฐ์ ๊ฐ์ก๋ค. ํ๊ณ ์กฐ์ ๋ถ์ ํจ์ํ์ผ๋ก ์ฒ์๋ถํฐ ๋๊น์ง ๋ค ์ง์ จ๋๋ฐ ๋ณด๋ฉด์ ๋ฌธ์ ํด๊ฒฐ ๋ฐฉ์์ ๋ํ ์๊ฐ๋ ์ป์ ์ ์์๊ณ ํฐ ๋์์ด ๋๋ค. ๐๐ฉต ์คํฐ๋์์ ๊ฒ์ ๋ง๋ค๊ธฐ ์ค์ต์ ํ๊ณ ์์ด์ ๊ฐ๋จํ ๊ฐ์๋ฐ์๋ณด ๊ฒ์์ ๋ง๋ค์๋ค. ๊ฒ์์ ๋ง๋๋ ๊ฒ ์ค๋ฌด์ ๊ผญ ๋์์ด ๋๋ค๊ณ ํ ์๋ ์๊ฒ ์ง๋ง ์ด๋ก ์ผ๋ก๋ง ๋ฐฐ์ด ๊ฐ๋ ์ ์ด๋ป๊ฒ ์ ์ฉํด ๋ณผ๊น, ํ๋ก์ฐ์ฐจํธ๋ ์ด๋ป๊ฒ ๋ง๋ค๊น ๋ก์ง์ ๊ทธ๋ ค๋ณด๋ ํ๋ จ์ด ๋๋ ๊ฑฐ ๊ฐ๋ค. ์ต์ข ์ ์ผ๋ก ๋ ํธ๋ก ๋ฏธ๋๊ฒ์ ๋ชจ์์ง์ ํ๋ ํ ์ดํ๋ก์ ํธ๋ก ์์ฑํด๋ณด๋ ค๊ณ ํ๋ค! :) ๋ณธ๊ฒฉ ๋ฆฌ์กํธ ์์! JS ์๋ฒ..
2023.05.10 -
[๋ฉ์์ด ์ฌ์์ฒ๋ผ] ๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 5๊ธฐ 9์ฃผ์ฐจ 4LS ํ๊ณ (๋น๋๊ธฐ ํ๋ก๊ทธ๋๋ฐ)
โค๏ธ๐ฅ Liked ๋๋์ด React ์์!.... ๊ฐ๋ณด์๊ณ ! ๐ฅ๐ฅ๐ฅ (์ธ์ง ๋ง๊ณ ์ฒ์ฒํ ๋งํด๋ด...) ์คํฐ๋์์ ํ repo๋ฅผ ๋ง๋ค์ด์ ์ฒ์์ผ๋ก git folk๋ฅผ ํ๋ค. ์งํํ๋ฉด์ CLI ๋ช ๋ น์ด๋ฅผ ๋ณด๊ธฐ ์ฝ๊ฒ ์๋ฃ๋ก ์ ๋ฆฌํ๋๋ฐ ๊ณง ํฌ์คํ ์ผ๋ก ์ฌ๋ฆด ์์ ! ํ์ ์ ์ต์ํด์ง๊ณ ์ถ์ด์ ์กฐ์๋ค๊ณผ ๊ฐ์ด ์๊ณ ๋ฆฌ์ฆ ๋ฌธ์ ํ์ด๋ฅผ ํ ์ ์๋๋ก Organizations๊ณ์ ๋ ๋ง๋ค์๋ค. ๐ ์ด๋ฒ ์ฃผ๋ ๋ฉ๋ชจ์ฅ ๋ง๋ค๊ธฐ ์ค์ต ๊ณผ์ ๊ฐ ์์๋๋ฐ ๊ณผ์ ๊ตฌํ์ ํ๋ฉด์ DOM์ ์ด์ LocalStorage์ ๋ํด ๋ง์ด ๊ณต๋ถํ ์ ์์๋ค. ์๋ฒฝ ๋ด๋ด ์๋ฌ์ ์จ๋ฆํ๋ค 3์๊ฐ ์๊ณ ์์ ๋ค์ผ๋ ค๊ณ ์ผ์ด๋์๋ง์ ๋ด๋ด ์ ๋ณด์ด๋ ์์ ํ ์ฝ๋๊ฐ ๋ณด์ด๋ ๊ฒฝํ์ ํ๋ค. ์์ง ์ํ๋ ๊ธฐ๋ฅ์ ๊ตฌํํ๊ธฐ์ ๋ฏธ์ํ๊ณ ๊ฐ๋ฐ ์๋๋ ๋๋ฌด ๋๋ฆฌ์ง๋ง ๋ญ๊ฐ ์ผ๋จ ๋ง๋ค์ด ๋ณด๋..
2023.05.01 -
[๋ฉ์์ด ์ฌ์์ฒ๋ผ] ๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 5๊ธฐ 8์ฃผ์ฐจ 4LS ํ๊ณ (์ ๊ทํํ์/์ด๋ฒคํธ ์ ํ/๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ)
โค๏ธ๐ฅ Liked ์ ๊ทํํ์ ์ง์ง... ์๋ํ๋๋ฐ, ๋ค ์ธ์์ ๋ฅ์ํ๊ฒ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ์ต๋ํ๊ธฐ๋ณด๋ค๋ ๊ธฐ๋ณธ ๋ฌธ๋ฒ๋ง ์์งํ๊ณ ํจํด์ ๊ทธ๋๊ทธ๋ ๋ณด๋ฉด์ ๊ตฌํํ๋ฉด ๋ ๊ฒ ๊ฐ๋ค! ๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ์ ๋ํด ๊ฐ์ฒด๋ฆฌํฐ๋ด ๋ฌธ๋ฒ, ํ๋กํ ํ์ ๋ฌธ๋ฒ, ํด๋์ค ๋ฌธ๋ฒ์ ๋น๊ตํด์ ์์ฑํด ๋ณด๋ฉด์ ์ฐจ์ด์ ์ ๋น๊ตํด ๋ณผ ์ ์์ด์ ์ข์๋ค. ์ฃผ๋ง์ ํ ์ผ์ ๋๋ฌด ๋ง๊ณ ๊ณํ๋ ๋ฐ๋ ธ๋๋ฐ ํผ์ ํ๋กํ ํ์ ์ ๊ฝํ์ ๊ณต๋ถํ๋ค ๋ณด๋ ๋ช ์๊ฐ์ด ํ๋ฃจ๋ฃฉ... ๊ทธ๋๋ ์๊ฐ์ด ํ๋๋ ์๊น์ง ์์๋ค. ํ๋กํ ํ์ ๊ณต๋ถํ๋ค๊ฐ closer ํจํด์ ์ดํดํด๋ฒ๋ฆผ... ๐ JS ์ด๋ณด์ ์คํฐ๋์ ๊ฐ์ ํ๋ค. ๋น์ ๊ณต์๋ ์๊ณ ๋์ฒ๋ผ ๋ค๋ฅธ ์ ๋ฌด๋ฅผ ํ๋ค๊ฐ ๊ฐ๋ฐ์๋ก ์ ํฅํ์ ๋ถ๋ ์๊ณ , ์๋ จ์๊ฐ ์์ผ๋ฉด ํจ์จ์ด ๋จ์ด์ง ์ ์๋๋ฐ ๋ชจ๋ ์ ๊ทน์ ์ผ๋ก ์คํฐ๋์ ์ฐธ์ฌํ๋ฉด์ JS ์ง์์ ๊ณต..
2023.04.26 -
[๋ฉ์์ด ์ฌ์์ฒ๋ผ] ๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 5๊ธฐ 7์ฃผ์ฐจ 4LS ํ๊ณ (Tailwind/DOM/this/json)
โค๏ธ๐ฅ Liked ์ค์ด๋ผ๊ณค ํ์ํ ๋ ๋ฐ์ ์ฌ์ฉํด๋ณด์ง ์์ ๋...ใ ใ ใ ์จ๋ผ์ธ์ผ๋ก ์์ ์ ๋ฃ๊ณ ์ฑํ ์ผ๋ก ์ฌ๋๋ค๊ณผ ๋ํํ๋ ๊ฑด ์์ง๋ ๋ฏ์ค์ง๋ง ๊ทธ๋๋ ์๋ก์ด ์ฌ๋๋ค์ ์์๊ฐ๋ ๊ฑด ์ฐธ ์ฆ๊ฑฐ์ด ์ผ์ด๋ค. ๊ฐ์ ๋ค๋ฅธ ํ๊ฒฝ์์ ๋ค๋ฅธ ์ฌ์ฐ์ผ๋ก ์ด๋ ต๊ฒ ์ง์ํด์ ์น์ดํ๊ฒ ํ์ตํ๊ณ ์๋ ๋๊ธฐ๋ค์ ๊ฐ์ธ์ ์ธ ๋ฉด๋ชจ๋ฅผ ๋ค์ฌ๋ค๋ณผ ๋๋ง๋ค ์ฐธ ์ด ๊ฒฝํ์ด ์์คํ๊ธฐ๋ ํ๊ณ ์๊ฐ์ด ์ง๋๋ ๊ธฐ์ต์ ๋จ๊ฒ ๋ค๋ ์๊ฐ์ด ๋ ๋ค. ์ด๋ฒ ์ฃผ๋ง ๊ฑฐ์ ๋๋ถ๋ถ์ ์๊ฐ์ ์ง์์ ๋ณต์ตํ๋๋ฐ ๋ณด๋๋ค. ์์ ์๊ฐ์ ๋ค ๋๋ด์ง ๋ชปํ๋ mbti ํ์ด์ง๋ ์์ฑํด์ ๋ฐฐํฌํ๊ณ , ํจ์, ๊ฐ์ฒด, ๋ฐฐ์ด, ๋ฐฐ์ด๋ฉ์๋๋ฅผ ์ ํญ ๊ฐ์๋ ๋ณํํด์ ๋ณต์ตํ๋ค ๋ณด๋ ์์ ์๋ ์ ํ ์ดํดํ์ง ๋ชปํ๋ ๋ด์ฉ๋ค์ด ์์ฐ์ค๋ฝ๊ฒ ์ต๋๋ ๊ฒ ๋๊ปด์ก๋ค. ๋ช ๋ฒ์ ๋ค์ ๋ณด๊ณ ๋ ๋ดค๋์ง...... ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ..
2023.04.17 -
[๋ฉ์์ด ์ฌ์์ฒ๋ผ] ๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 5๊ธฐ 6์ฃผ์ฐจ 4LS ํ๊ณ (๊ฐ์ฒด/๋ฐฐ์ด/ํจ์/์กฐ๊ฑด๋ฌธ)
โค๏ธ๐ฅ Liked JavaScript ์์ตํ๋ ๊ฒ ์ด์ง ๋น์ ๋ฐํ๋ ํ ์ฃผ. ๊ทธ๋์ ์์ตํ๋ ๊ฑฐ 4์ผ ๋ง์ ์ง๋ ๋ค ๋๊ฐ ๊ฑฐ ์คํ์ธ๊ฐ... ๋งค์ผ ๋ง์กฑ๋๋ฅผ ์ฒดํฌํ๋๋ฐ ์ด๋ฒ ์ฃผ๋ 100%๊ฐ ์๋ค...๐ซ ๊ทธ๋งํผ ์ฝ์ง ์์๋ ์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด. ๊ทธ๋๋ง ์์ตํด์ ๋คํ์ด์๋ค๊ณ ์๊ฐํ๋ค. ์ฐจ๊ทผ์ฐจ๊ทผ ์ ํํ ์ด ๊ธฐ์ ์ ์ต๋ํ๋ ๋ฐ ์ง์คํ์. ์๋ฐ์คํฌ๋ฆฝํธ์์ ๋๋ฌด ํท๊ฐ๋ฆฌ๋ ๋ฐฐ์ด ๋ฉ์๋๋ค... ์์ง ์๋ฒฝํ๊ฒ ์์ ์ต์ ๊ฑด ์๋์ง๋ง ์ ๋ฌธ์ ์์ค์ ๋ง๊ฒ ๋ค ํ์ด์ ์ค๋ช ํด์ฃผ์ ์ ํฐ ๋์์ด ๋๋ค. ๋ฅ์ํ๊ฒ ํ์ฉํ๋ ๋ ์ด ์ค๊ธธ ๋ฐ๋ผ๋ฉด์ ์ด์ฌํ ๋ณต์ตํ์. ํธ์ค ๋์ด ๋ค ์ดํดํ๋ ค๊ณ ํ์ง ๋ง๊ณ ์ธ์ธ ๊ฑด ์ธ์๋ผ! ํ๊ณ ์๊ธฐํ ๊ฒ๋ค์ ๋ฐ๋ก ์๋ ค์ฃผ์ ์ ์ข์๋ค. ์ดํดํด์ผ ํ๋ ๊ฒ๋ ์๊ณ ์๊ธฐํ ๊ฒ๋ ์์ ํ ๋ฐ ์๋ฐ์คํฌ๋ฆฝํธ ์ ๋ฌธ์๋ ๊ตฌ๋ถํ๊ธฐ ์ด..
2023.04.11 -
[๋ฉ์์ด ์ฌ์์ฒ๋ผ] ๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 5๊ธฐ 5์ฃผ์ฐจ 4LS ํ๊ณ (Sass/JS๊ธฐ์ด/์ฐ์ฐ)
โค๏ธ๐ฅ Liked ์ด๋ฒ ์ฃผ๋ ์จ๋ผ์ธ ํ์ต์ด ์์ด์ ์ผ๋จ ํ๋ก๋ํธ๋ฅผ ๋ช ๊ฐ ๋ฐ๋ผ์ ๋ง๋ค์ด๋ดค๋๋ฐ ๊ฒฐ๊ณผ๋ฌผ์ด ๋์ค๋๊น ์ฌ๋ฐ์๋ค.(๋ฌผ๋ก ์ด๋ ค์....) ์ด๋ ต๊ฒ๋ง ์๊ฐํ๋ Sass๋ฅผ ํธ์ค๋ ๊ฐ์๋ก ๋๋์ด ์ ๋ฌธํ๊ฒ ๋์๋ค. ์ค๋ฌด์์ ๊ฐ์ฅ ์ ์ฉํ๋ค๋ mixin ๊ธฐ๋ฅ์ ์ค์ตํด๋ณด๊ณ ์ถ์ด์ ๊ณผ์ ํ๋๋ฅผ Sass๋ก ๊ตฌํํด ๋ณด๋ฉด์ ๊ฐ์ ์ก์๋ค. Java Script์ ๋น์ทํ ๊ตฌ์์ด ์์ด์ ์คํฌ๋ฆฝํธ๋ฅผ ์ ๋ค๋ฃจ๊ฒ ๋๋ฉด ์ฌ์ฉํ ์ ์๋ ๊ธฐ๋ฅ์ด ๋ ๋ง์ ๊ฒ ๊ฐ์์ ๋์ค์ ๋ค์ ํ์ฉํด ๋ด์ผ๊ฒ ๋ค! ํ๊ณ ์กฐ๋ถ๋ค์๊ฒ ํ๋ฉด๊ณต์ ๋ฅผ ๋ฐ์์ ๊ณผ์ ์ ์๋ JavaScript ๋ฒํผ ๊ตฌํ์ ๋ฐฐ์ ๋๋ฐ ์ ์ตํ๋ค. ์ด๋ฒ์ฃผ๋ ๊ฐ์ด ๊ฒ์๋ ํ๊ณ ์ ์ ํธํด์ง๋ ํ๊ณ ์กฐ ํ๋, ๊ทธ๋ฆฌ๊ณ ํน์ดํ๊ณ ์ฌ๋ฐ๋ ๋ฉํ ๋ ๋๋ถ์ ๋ง์ด ์์๋ ํ ์ฃผ์๋ค. ใ ใ ใ ใ ๐ ๋ฉ์ฌ ํน๊ฐ ๊ฐ์ฌ..
2023.04.03 -
[๋ฉ์์ด ์ฌ์์ฒ๋ผ] ๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 5๊ธฐ 4์ฃผ์ฐจ 4LS ํ๊ณ (SEO/form/Bootstrap)
โค๏ธ๐ฅ Liked ์๋ seo์ ๊ด์ฌ์ด ๋ง์๋๋ฐ ๋ถํ์คํ ์ ๋ณด๋ ๊ด๊ณ ๊ฐ ๋ง๋ค ๋ณด๋ ์์ง์ ์ ๋ณด๋ฅผ ์ป๊ธฐ ํ๋ค์๋๋ฐ ๋ง์ผํฐ ์์ค์ ๋ฅํ ์ ๋ณด๋ ์๋์ด๋ ์ ๋ฆฌ๋ ๊ฐ์ด๋๋ฅผ ๋ฐ์ ์ ์์ด์ ์ข์๋ค. seo ๊ด๋ จ tag๋ฅผ ์ค๋ํซ์ผ๋ก ๋ง๋ค์ด ๋๋ ์์ด๋์ด... ๋๊ฐ ์ด๋ฐ ์ ๋ณด๋ฅผ ์ ๋ป ๊ฐ๋ฅด์ณ์ค๊น? ๋ฉ์ฌ์์๋ ๊ฐ๋ฐ ๊ธฐ์ ์ ๋ฌผ๋ก ์ด๊ณ ์ ์ฉํ ๊ฟํ๋ค์ ๋ง์ด ์๋ ค์ค๋ค. ํ์ ์์ ์ ๋ง ํฐ ๋์์ด ๋ ๊ฒ ๊ฐ์์ ๊ฐ์ฌํ๋ค. ์ด๋ฒ ์ฃผ๋ ์ฃผ๋ก ์ค์ต์ด ๋ง์๊ณ ๊ฐ์ฌ๋์ด ์ฝ๋๋ฆฌ๋ทฐ๋ฅผ ํด์ฃผ๋ ๊ธฐํ๊ฐ ์์๋๋ฐ ์์ฑ์ ๋ชป ํ์ง๋ง ์ด ์ข๊ฒ ๋ฆฌ๋ทฐ๋ฅผ ๋ฐ๊ฒ ๋์๋ค. ๋๋ฆ ๊ผผ๊ผผํ ์์ฑํ๋๋ฐ๋ ์ค์ํฌ์ฑ์ด ๋ด ์ฝ๋...โค๏ธ๐ฉน ๋ถ์กฑํ ์ ์ ํ์คํ ๋ณด์ํ ์ ์๋ ๊ธฐํ๊ฐ ์๊ฒจ์ ๊ธฐ๋ปค๋ค. ๋งํฌ์ ์ ๋น๊ต์ ์ ํ๊ฐ๋ฐ๋ ๊ธฐ์ ์ธ๋ฐ ์๋ฉํฑ ๋งํฌ์ ๊ธฐ์ ์ ๋ชจ๋ฅด๊ณ ํ๋ ์๋ฆฌ..
2023.03.25 -
[๋ฉ์์ด ์ฌ์์ฒ๋ผ] ๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 5๊ธฐ 3์ฃผ์ฐจ 4LS ํ๊ณ (CSS์ ํ์/ํธ๋์คํผ/๋ฏธ๋์ด์ฟผ๋ฆฌ/perspective)
โค๏ธ๐ฅ Liked ์ด๋ฒ ์ฃผ๋ ์ค์ต์ด ๋ง์๋ค. ๋ฐ๋ผ์ ํ์ดํ๋ง ํ๋ ๊ฒ๋ณด๋ค ํ์คํ ์ค์ต์ ํ๊ณ ๋๋ ๋ฐ์ํ ์น์ ๊ตฌํํ๋ css๋ค์ ๋ํด์ ๊ด๋ ์ผ๋ก๋ง ์๊ณ ์๋ ๊ฒ๋ค์ ์๋ ์๋ฆฌ๋ฅผ ํ์ ํ๊ฒ ๋์๋ค. ์ ๋ฒ์ฃผ์ ์ด์ด ์ด๋ฒ์ฃผ์๋ ํน๊ฐ์ด ๋ ๋ฒ ์์๋๋ฐ ๊ฐ์์ ์ง์ด ์ ๋ง ์ข๋ค๊ณ ๋๊ผ๋ค. ๋ค์ด๋ฒ ํ์ ๊ฐ๋ฐ์ ์ฐ์ํ๋์ ๊ฐ์๋ ์ค์ ๊ฒฝํ๋ค์ ๋ฐํ์ผ๋ก ๋ฌธ์ ํด๊ฒฐ์ ์ํด ์ด๋ป๊ฒ ์ ์ ๊ธฐ์ ์ ๊ตฌํํ๊ณ ์ถ์ํ ๊ฒ์ธ์ง์ ๋ํ ํ์ค์ ์ธ ์ธ์ฌ์ดํธ๋ฅผ ์ป์ ์ ์์ด์ ์ข์๋ค. ๋น์บ ํ ์ด์ข ์ฐฌ๋์ ๊ทธ๋ฅ ๊ธฐ์ ๋ก๋ง ๋์ด๊ฐ๋ css ์๋ ์๋ฆฌ์ ๋ํด ์ ๋ง ์ฝ๊ณ ๋ช ํํ๊ฒ ์ค๋ช ์ ํด์ฃผ์ ๋ค. ๋๋ถ์ css flex๋ margin ๋ฑ ๊ธฐ์ด์ ์ด์ง๋ง ์๊ทผํ ํท๊ฐ๋ฆฌ๋ ์์๋ค์ ๊ฐ๋ ์ ์ ํํ๊ฒ ์ธ์ธ ์ ์์๋ค. ํ๊ณ ๋ ์ธ๋ณ๊ฐ! ์ ๊ทธ๋ ๊ฒ ๋ชจ๋๊ฐ ์ข์ํ..
2023.03.18 -
[๋ฉ์์ด ์ฌ์์ฒ๋ผ] ๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 5๊ธฐ 2์ฃผ์ฐจ 4LS ํ๊ณ (CSS flex/CSS grid/์น์ ๊ทผ์ฑ/ํฌ๋ก์ค๋ธ๋ผ์ฐ์ง)
โค๏ธ๐ฅ Liked 1์ฃผ์ผ ๋ฆ๊ฒ ํฉ๋ฅํ ๋ฉ์ฌ FES 5๊ธฐ, ํ๊ณ ์กฐ๋ฅผ ์ ๋ง๋์ผ ํ๋ค๊ณ ๋ค์๋๋ฐ ๋๋ ์ด์ด ์ข์๋ ๊ฒ ๊ฐ๋ค! (์ฐ๋ฆฌ์กฐ ์ต๊ณ ๐ฆ) ์์คํ ์ด ์ฒด๊ณ์ ์ผ๋ก ์ค๋น๋์ด ์๋ค. ๋น๋๋ฉด ์จ๋ผ์ธ ์์ ์ด์ง๋ง ์๊ฐ์ ๊ทธ๋ฃน๋ณ๋ก ๋งค๋์ ๊ฐ ๋ฐฐ์ ๋์ด ์์ด์ ์ค์๊ฐ ํผ๋๋ฐฑ์ ๋ฐ์ ์ ์๋ค. ์ ์ถํ ์๋ฅ๊ฐ ์์๋๋ฐ ์ด์์ ๋ด๋นํ๋ ๋งค๋์ ๊ฐ ์์ด์ ์ฝ๊ฒ DM์ ์ฃผ๊ณ ๋ฐ์ผ๋ฉฐ ๋ฐ๋ก ์ฒ๋ฆฌ! ์ ๊ธฐ์๋ค์ ์ํ์ฐฉ์ค๋ฅผ ๊ฒช์ผ๋ฉฐ ๋ ๋์ ๊ต์ก์ฒด๊ณ๋ฅผ ๋ง๋ค๊ธฐ ์ํด ๋ ธ๋ ฅํ๋ ๋ชจ์ต์ ๋ณด๋ฉด ์์ผ๋ก ์ ๊ณต๋ ์์ ์ ์ผ๋ง๋ ๋ ์ข์๊น ๊ธฐ๋๋ ๋๊ณ , ์ง์ํด ์ฃผ๋ ๋งํผ ์ด์ฌํ ์ต๋ํ๊ณ ๋ฐ๋ผ๊ฐ๊ธฐ๋ง ํ๋ฉด ๋๊ฒ ๋ค๋ ์๊ฐ์ด ๋ ๋ค. ์ง๋ฌธ์ ํด๋ ๋ต๋ณ์ ์ ํด์ฃผ๋ ๋ถ์๊ธฐ. ์งง์ 4๊ฐ์ ๊ณผ์ ์ธ ๋งํผ ๋์ฒ๋ผ ๋ด์ฑ์ ์ธ ์ฌ๋๋ ์ข ๋ ์ ๊ทน์ ์ผ๋ก ํ๋ํ๋ค๋ฉด ํจ์ฌ ์ป์ด๊ฐ ๊ฒ ..
2023.03.10 -
[๋ฉ์์ด ์ฌ์์ฒ๋ผ] ๋ฉ์ฌ ํ๋ก ํธ์๋ ์ค์ฟจ 5๊ธฐ ์๋นํฉ๊ฒฉ์์ ์ต์ข ํฉ๊ฒฉ!
๐ฐ ๊ฒจ์ฐ ํ์ ์ฌ ์ ์ง ์ค์ธ ์๋นํฉ๊ฒฉ์ ์ค๋ ๋ฉ์์ด ์ฌ์์ฒ๋ผ ํ๋ก ํธ์๋ ์ค์ฟจ 5๊ธฐ ๋ฐํ๊ฐ 3์์ ์๊ธฐ ๋๋ฌธ์ ์์นจ๋ถํฐ ๊ณ์ ํ ํท ํํ์ด์ง ์ ์์ ์ค๊ฐ๋ค. ๊ฒฐ๊ณผ๋... ์๋นํฉ๊ฒฉ! ๊ตฌ๊ธ๋งํด๋ณด๋ ์๋น์์ ์ต์ข ํฉ๊ฒฉ๊น์ง ๋ฌ์ฑํ ๋ถ๋ค๋ ๊ณ์ ๊ฒ ๊ฐ์ง๋ง.. ์ฃผ๋ก ํฉ๊ฒฉํ ๋ถ๋ค์ด ๊ธ์ ๊ฒ์ํ์ ๊ฑฐ๋ผ๊ณ ์๊ฐํ๋ค. ๊ทธ๋์ ๋๋ ์ต์ข ๊ฒฐ๊ณผ๊ฐ ๋ถํฉ๊ฒฉ์ผ๋ก ๋์ค๋๋ผ๋ ๋ฐ์ดํฐ๋ฅผ ๋จ๊ฒจ๋๋ ค๊ณ ํ๋ค. ๐ค ์์ง ์ต์ข ๊ฒฐ๊ณผ๊ฐ ๋จ์๋ค! ์๋นํฉ๊ฒฉ์ด๋ผ๋ ๊ฒฐ๊ณผ์ ์์ฌ์ด ๋ง์์ ์ด์ฉ ์ ์์ง๋ง ํํ๋ ์๋ค. ...... ๊ทธ๋์ ๋ด ์๋น ์๋ฒ์ ๋ช๋ฒ์งธ์ธ์ง...? ๊ฒฐ๊ณผ์ ๊ด๊ณ ์์ด ์ฃผ์ด์ง ์๊ฐ๊ณผ ํ๊ฒฝ ์์์ ๋ด๊ฐํ ์ ์๋ ๋งํผ์ ํ๋ค๊ณ ์๊ฐํ๋ค. ์์ฌ์์ ๊ทธ๋ง ์ด์ ํ ์ผ์ ํ์ .... ์ง์น์ง ๋ง๊ณ JS๋ณต์ต ๊ฐ๋ณด์๊ณ ! โ๏ธ ๐ฅณ ์๋นํฉ๊ฒฉ์์ ์ต์ข ํฉ๊ฒฉ์ผ๋ก..
2023.02.21