์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- fetch API
- CSS
- ๋ฐ๋ธ์ฝ์ค3๊ธฐ
- history api
- Gatsby
- ์ฝ๋ฉํ ์คํธ
- useEffect
- float
- ์๊ณ ๋ฆฌ์ฆ
- ๋ธ๋ก๊ทธ
- REACT
- position
- ์๋ฐ์คํฌ๋ฆฝํธ
- Flex
- useRef
- Props
- ํ๋ก ํธ์๋
- ํ๋ก๊ทธ๋๋จธ์ค
- ๋ฐ๋ธ์ฝ์ค
- Today
- Total
๋ชฉ๋ก์ ์ฒด ๊ธ (311)
Daehyunii's Dev-blog

์ค๋ ๊ณต๋ถ๋ ํ๋ก๊ทธ๋จ์ ๊ฐ๋ ๋ค์ ๋ํด์ ๊ณต๋ถํ์ง๋ง, ์์ด ๋ปฅํ๊ณ ๋ซ๋ฆฌ๋ ๋ ์ด์๋ ๊ฒ ๊ฐ์ต๋๋ค. ๊ทธ ์ ์ ๊ณต๋ถํ๋ ํ์ด์ฌ,ํ์ด์ฌ ๊ฐ์, ์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด๊ฐ์ ๋ฑ์ ์ฌ์ค ์ด๋ก ์ ์ธ ๋ด์ฉ๋ณด๋ค๋ ์ค์ฉ์ ์ธ ๋ฉด์์ ๊ณต๋ถํ๋ค๋ฉด, ๋ณธ ์ฑ ์ ์ ํํ ์๋ฆฌ์ ์๋ฐ์คํฌ๋ฆฝํธ์์ง์ด ๋์์ ์ํํด ๋๊ฐ๋ ๊ณผ์ ์ ์ ์ ์๊ฒ ๋์์ฃผ๋ ์ฑ ์ธ ๊ฒ ๊ฐ์ต๋๋ค. ๋ณ์๋ '๊ฐ์ ์์น๋ฅผ ์์ง์ ์ผ๋ก ๋ํ๋ด๋ ์ด๋ฆ์ด๋ค.'๋ผ๋ ๋ฌธ์ฅ์ ์ ์ค์ค๋ก ๋ณ์๋ฅผ ์ดํดํ๊ณ ์ ์ ๋ด๋ฆฌ๋๋ฐ ๋๋ฌด ํฐ ๋์์ด ๋ ๊ฒ ๊ฐ์ต๋๋ค. ๋ํ ๋ณ์์ ์ ์ธ๊ณผ์ ๊ณผ ๋ฉ๋ชจ๋ฆฌ์ ๋ฐ์ดํฐ๊ฐ ์ ์ฅ๋๋ ๋ชจ๋ ๊ณผ์ ์ ๋ ผ๋ฆฌ์ ์ผ๋ก ์ดํดํ ์ ์์๊ธฐ ๋๋ฌธ์ ๋๋์ฑ ์ข์์ต๋๋ค. ์กฐ๊ธ์ ์๋ฐ์คํฌ๋ฆฝํธ์ ์นํด์ง(?) ๊ณต๋ถ์๋ ๊ฒ ๊ฐ์ต๋๋ค. 2022.06.22 - [์ธ์ด ๊ณต๋ถ ๋ฐ ์ ๋ฆฌ/์๋ฐ์คํฌ๋ฆฝํธ] - [๋ชจ๋์๋ฐ..

์๋ฐ์คํฌ๋ฆฝํธ์ ์ ๋ฐ์ ์ธ ํ์๋ฐฐ๊ฒฝ๊ณผ ํ๋ฆ์ ๋ํด์ ์๊ฒ ๋์๊ณ , ์๋ฐ์คํฌ๋ฆฝํธ์ ๋ฐ์ ์ฌ๋ฅผ ์๊ฒ ๋ ๊ฒ ๊ฐ์ต๋๋ค. ํ์ง๋ง ์ญ์ฌ๋ฅผ ์ค๋ช ํ๋ ๊ณผ์ ์์ ์์ํ ๊ฐ๋ ๊ณผ ๋จ์ด๋ค์ด ๋ง์ด ๋ฑ์ฅํ์ฌ ๋ง์ด ํผ๋์ค๋ฝ๊ธฐ๋ ํ์ต๋๋ค. ํ์ง๋ง ํ ๊ฐ์ง ํ์คํ๊ฑด, ์๋ฐ์คํฌ๋ฆฝํธ๋ ๋ณด์กฐ ์ญํ ์์ ์์ํ์ฌ ์ง๊ธ์ ํ๋ก๊ทธ๋๋ฐ์ ์์ด์ ์ฃผ๋ฅ๋ฅผ ์ด๋ฃจ๊ฒ ๋ ์ธ์ด๋ผ๋ ์ ์ ๋ช ํํ๊ฒ ๊นจ๋ฌ์๋ ๊ฒ ๊ฐ์ต๋๋ค. ์ฌ์ค.. ์ฝ๋๊ฒ ๋๋ฌด ์ด๋ ค์ ์ต๋๋ค.. 2022.06.21 - [์ธ์ด ๊ณต๋ถ ๋ฐ ์ ๋ฆฌ/์๋ฐ์คํฌ๋ฆฝํธ] - [๋ชจ๋์๋ฐ์คํฌ๋ฆฝํธ] 01์ฅ ํ๋ก๊ทธ๋๋ฐ, 02์ฅ ์๋ฐ์คํฌ๋ฆฝํธ๋? [๋ชจ๋์๋ฐ์คํฌ๋ฆฝํธ] 01์ฅ ํ๋ก๊ทธ๋๋ฐ, 02์ฅ ์๋ฐ์คํฌ๋ฆฝํธ๋? ์ฑ ์ฝ๊ธฐ ์์ ์ : ๊ฐ์๋ฅผ ํตํด ์ ๋ฐ์ ์ธ ์๋ฐ์คํฌ๋ฆฝํธ ๊ด๋ จ ๋ด์ฉ๋ค์ ๋น ๋ฅด๊ฒ ์์๋ดค์ผ๋ฏ๋ก, ์ด์ ๋ ์๋ฐ์คํฌ๋ฆฝํธ์ ๊ธฐ์ด ๊ฐ๋ ..

์ค๋๋ก JavaScript ๊ธฐ์ด ๊ฐ์๋ฅผ ๋ชจ๋ ๋ง๋ฌด๋ฆฌ ํ์ต๋๋ค. ์ค๋์ ๊ฐ์๋ฅผ ๋ค์ผ๋ฉด์๋ ๋ง์ ๋ต๋ตํจ์ ๋๊ผ์ง๋ง, JavaScript์ ๋ํ ๊ธฐ๋ณธ์ ์ธ ์ดํด๋๊ฐ ๋ง์ด ๋ถ์กฑํ์ฌ ๊ทธ๋ฐ ๊ฒ ๊ฐ์ ๋นจ๋ฆฌ ์ฑ ์ ๋ณด๋ฉด์ ๋ค์ ๊ณต๋ถํด ๋๊ฐ์ผ ํ ๊ฒ ๊ฐ์ต๋๋ค. 2022.06.19 - [์ธ์ด ๊ณต๋ถ ๋ฐ ์ ๋ฆฌ/์๋ฐ์คํฌ๋ฆฝํธ] - [์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด๊ฐ์] 3-14 Error ๋ฑ [์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด๊ฐ์] 3-14 Error ๋ฑ 3-14 Error //์์ธ ์ฒ๋ฆฌ ํ๊ธฐ try { consol.log("log๋ฉ์์ง"); } catch(err) { console.log(err.name); console.log(err.message); } //์์ ๊ฐ์ ์ฝ๋์์ Error๊ฐ ๋ฐ์ํ๋ฉฐ, catch๋ฌธ์ผ๋ก ๋ค์ด๊ฐ Error์ ๋ช ์นญ๊ณผ.. pinetr..

์๋ก์ด ๊ธฐ๋ฅ๋ค์ ๊ณ์ํด์ ๋ฐฐ์ฐ๊ณ ์์ง๋ง, ์ดํด๊ฐ ๋๋ ๊ธฐ๋ฅ๋ค๋ ์๊ณ ์ดํด๊ฐ ๋์ง ์๋ ๋ถ๋ถ๋ค๋ ๋ง์ด ์์ต๋๋ค. ๊ฐ์๋ฅผ ๋ค์ผ๋ฉด์ ์ฝ๊ฐ ๋ต๋ตํ ๊ฐ์ด ์์ง ์์ ์์ง๋ง, ์ผ๋จ์ javascript๊ฐ ์ด๋ค ๊ธฐ๋ฅ๋ค์ ๊ฐ์ง๊ณ ์๊ณ ์ด๋ป๊ฒ ๋ฌธ๋ฒ์ ๊ตฌ์ฌํ๋์ง ์ ์ฒด์ ์ผ๋ก ๋๋ฌ๋ณด๊ธฐ ์ํ ๊ณผ์ ์ด๋ฏ๋ก, ์ฐ์ ๊ณ์ํด์ ๊ฐ์๋ฅผ ๋ค์ ์์ ์ ๋๋ค. ๋จธ๋ฆฌ์ ๋ค์ด์ค๋๊ฒ ์๋๊ฒ ๊ฐ์ ๊ธฐ๋ถ์ด ๋ค์ด ์ค๋ ํ๋ฃจ๋ ์กฐ๊ธ์ ๋ต๋ตํ ๋ง๋ฌด๋ฆฌ์ธ ๊ฒ ๊ฐ์ต๋๋ค. 2022.06.17 - [์ธ์ด ๊ณต๋ถ ๋ฐ ์ ๋ฆฌ/์๋ฐ์คํฌ๋ฆฝํธ] - [์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด๊ฐ์] 3-06 Template Literals ๋ฑ

์ค๋์ ๊ฐ ๋ฐ์ดํฐํ์ ์ ๋ด์ฅ ํจ์๋ค์ ๋ํด์ ๋ง์ด ๋ฐฐ์ฐ๋ ์๊ฐ์ด์์ง๋ง, ์๊ฐ์ ์ผ๋ก ๋๋ฌด ๋ง์ ํจ์๋ค์ ๋ฐฐ์ฐ๊ฒ ๋๋ ์ดํด๊ฐ ๋๋ ๊ฒ๋ค๋ ๋ง์์ง๋ง ๋ฐ๋๋ก ์ดํด๊ฐ ๋์ง ์๋ ๋ถ๋ถ๋ ๋ง์์ผ๋ฉฐ, ๋จธ๋ฆฌ์ ๋ค์ด์ค๋ ๋ด์ฉ๋ณด๋ค๋ ๋ ์๊ฐ๋ ๋ด์ฉ์ด ๋ง์๋ ๊ฒ ๊ฐ์ต๋๋ค. ํ์ง๋ง ์ด๋ฒ ๊ฐ์๋ฅผ ๋ฃ๋ ๋ชฉํ๋ Javascript์ ๊ฐ๋ต์ ์ธ ๋ด์ฉ์ ๋จผ์ ์๊ณ Javascript์ฑ ์ ์ฝ๋ ๊ฒ์ ๋ชฉํ๋ก ํ๊ณ ์๊ธฐ ๋๋ฌธ์ ๋์ ์ตํ๋๊ณ ์ฐจ๊ทผ์ฐจ๊ทผ ์ฌ๋ฌ๋ฒ ๋ณต์ตํด์ผ ํ ๊ฒ ๊ฐ์ต๋๋ค...์๋ฐ ๋ณต์กํ๋ค... 2022.06.16 - [์ธ์ด ๊ณต๋ถ ๋ฐ ์ ๋ฆฌ/์๋ฐ์คํฌ๋ฆฝํธ] - [์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด๊ฐ์] 2-02 Number ๋ด์ฅํจ์ ๋ฑ [์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด๊ฐ์] 2-02 Number ๋ด์ฅํจ์ ๋ฑ 2-02 Number ๋ด์ฅํจ์ : 1. .toString() :..

๊ฐ์๋ฅผ ๋ฃ๊ณ ๋๋ฆ๋๋ก ์ปดํจํฐ ๊ณตํ์ ์ธ ์ฉ์ด๋ก ์ ๋ฆฌ๋ฅผ ํ๋ ค๊ณ ํ์ผ๋, ๋ง์ด ๋ฏธ์ํ๊ฒ ๋๊ปด์ง๋๋ค.๊ทธ๋ฆฌ๊ณ ์๊ฐ๋ณด๋ค ๋ง์ ๋ด์ฉ๋ค๊ณผ ํ์ด์ฌ๊ณผ ๋น์ทํ๋ฉด์๋ ๋ค๋ฅธ ๋ด์ฅํจ์๋ค์ด ๋ง์ ํท๊ฐ๋ ธ๋ ๊ฒ ๊ฐ์ต๋๋ค. ์์ผ๋ก ๋ฐ๋ณต์ ์ผ๋ก ํ์ฉํ๋ค ๋ณด๋ฉด ๋ณด๋ค ๋ ์ต์ํด ์ง ๊ฒ ์ด๋ผ๊ณ ๋ฏฟ์ต๋๋ค. 2022.06.16 - [์ธ์ด ๊ณต๋ถ ๋ฐ ์ ๋ฆฌ/์๋ฐ์คํฌ๋ฆฝํธ] - [์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด๊ฐ์] 1-07 ์ฐ์ฐ์ ๋ฑ [์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด๊ฐ์] 1-07 ์ฐ์ฐ์ ๋ฑ 1-07 ์ฐ์ฐ์ ์ซ์ 1. ๋ํ๊ธฐ : + 2. ๋นผ๊ธฐ : - 3. ๊ณฑํ๊ธฐ : * 4. ๋๋๊ธฐ : / 5. ๊ฑฐ๋ญ์ ๊ณฑ : ** 6. ๋๋จธ์ง ๋๋๊ธฐ : % 7. 1์ฉ ์ฆ๊ฐ : ++ 8. 1์ฉ ๊ฐ์ : -- 9. ๊ฐ์ ํ ๋น ํ๊ธฐ ์ํ ์คํผ๋ ์ดํฐ : +=, -=, *=, %=, **=.. pinetree9..

JavaScript๋ผ๋ ์๋ก์ด ์ธ์ด๋ฅผ ๋ฐฐ์ด๋ค๊ณ ํ๋, ๊ฑฑ์ ๋ ๋ง์ด ๋๊ณ ๋ถ์ํ ๋ง์๋ ์์ง ์์ ์์์ง๋ง ํ์ด์ฌ์ ํตํด ์ธ์ด๊ฐ ๋ฌด์์ธ์ง ์ด๋์ ๋ ๊ฐ์ ์ก๊ณ ๋ค์ด์ค๋, ๋น๊ตํด ๊ฐ๋ฉฐ ๋ณผ ์ ์์ด ์ดํดํ๊ธฐ ์ฌ์ด ๋ถ๋ถ๋ ์์๋ค. ๋ค๋ง ๋ฏธ์ธํ๊ฒ ์กฐ๊ธ์ฉ ๋ค๋ฅธ ๋ถ๋ถ๋ค์ด ๋ง๋ค๋๊ฒ ๋๊ปด์ ธ ์คํ๋ ค ํท๊ฐ๋ฆฌ์ง๋ ์์์ง ๊ฑฑ์ ์ด ๋๋ ๋ถ๋ถ๋ ์์๋ค. 2022.06.16 - [์ธ์ด ๊ณต๋ถ ๋ฐ ์ ๋ฆฌ/์๋ฐ์คํฌ๋ฆฝํธ] - [์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด๊ฐ์] 1-01 ์๋ฐ์คํฌ๋ฆฝํธ ์์ฑ์์น ๋ฑ [์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด๊ฐ์] 1-01 ์๋ฐ์คํฌ๋ฆฝํธ ์์ฑ์์น ๋ฑ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๊ณต๋ถํ๊ฒ ์์ ' ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ Deep Dive ' ์ฑ ๊ณผ inflearn ์ฌ์ดํธ๋ฅผ ํตํด ์๋ฐ์คํฌ๋ฆฝํธ ๊ฐ์ ์์์ ์ ์ฒญํ์ต๋๋ค. ์ฐ์ ํ์ด์ฌ๊ณผ๋ ๋ค๋ฅด๊ฒ ์ด๋ฒ์๋ ์๋ฐ์คํฌ๋ฆฝํธ ๊ฐ์ ์์์ ..

14.1 ๋ณ์์ ์๋ช ์ฃผ๊ธฐ 14.1.1 ์ง์ญ ๋ณ์์ ์๋ช ์ฃผ๊ธฐ ๋ณ์๋ ์ ์ธ์ ์ํด ์์ฑ๋๊ณ ํ ๋น์ ํตํด ๊ฐ์ ๊ฐ๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ธ์ ๊ฐ ์๋ฉธํ๋ค. ์ฆ ๋ณ์๋ ์๋ฌผ๊ณผ ์ ์ฌํ๊ฒ ์์ฑ๋๊ณ ์๋ฉธ๋๋ ์๋ช ์ฃผ๊ธฐ๊ฐ ์๋ค. ๋ณ์๋ ์์ ์ด ์ ์ธ๋ ์์น(์ ์ญor์ง์ญ)์์ ์์ฑ๋๊ณ ์๋ฉธํ๋ค. ์ ์ญ ๋ณ์์ ์๋ช ์ฃผ๊ธฐ๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ์๋ช ์ฃผ๊ธฐ์ ๊ฐ๋ค. ํ์ง๋ง ํจ์ ๋ด๋ถ์์ ์ ์ธ๋ ์ง์ญ ๋ณ์๋ ํจ์๊ฐ ํธ์ถ๋๋ฉด ์์ฑ๋๊ณ ํจ์๊ฐ ์ข ๋ฃํ๋ฉด ์๋ฉธํ๋ค. ์ฆ, ์ง์ญ ๋ณ์์ ์๋ช ์ฃผ๊ธฐ๋ ํจ์์ ์๋ช ์ฃผ๊ธฐ์ ์ผ์นํ๋ค. ๋ค์ ๋งํด ์ง์ญ ๋ณ์๋ ํจ์๊ฐ ํธ์ถ๋๋ฉด ์ง์ญ ๋ณ์๊ฐ ์์ฑ๋๊ณ , ํจ์์ ์ข ๋ฃ์ ํจ๊ป ์ง์ญ ๋ณ์๋ ์๋ฉธํ๋ค. 14.1.2 ์ ์ญ ๋ณ์์ ์๋ช ์ฃผ๊ธฐ ํจ์์ ๋ฌ๋ฆฌ ์ ์ญ ์ฝ๋๋ ๋ช ์์ ์ธ ํธ์ถ ์์ด ์คํ๋๋ค. ๋ค์ ๋งํด, ์ ์ญ ์ฝ๋๋ ํจ์ ..