์๋
ํ์ธ์, ์๋์ด ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ ์ฌ๋จ ์
๋๋ค.
์๋ก ๋๊ณ ํจ๊ป ๋ฐ์ ํ๋ ๊ฑด์ ํ ๊ณต์ ๋ฌธํ๋ฅผ ์งํฅํ์ฌ ๋ค์ํ ํ๋์ ํ๊ณ ์์ต๋๋ค.
์ ์: ์ฝ์ด ์๋ฐ์คํฌ๋ฆฝํธ
์ ํ๋ธ ์ฑ๋: FE์ฌ๋จ
์ํฐํด ๋ฐ ์ธํฐ๋ทฐ ์์:
์ํฐ๋) ์ ์ ๊ฐ๋ฐ์, ๋ญ ๊ณต๋ถํด์ผ ํ์ฃ ? https://www.wanted.co.kr/events/22_02_s01_b01
์ธํ๋ฐ) To. ์ฃผ๋์ด ๊ฐ๋ฐ์ https://www.inflearn.com/pages/for-junior-developers-20211207
๋ฒค์ฒ์ด๋ชฝ) ๋ฒค์ฒ/์คํํธ์ ์๋์ด ๊ฐ๋ฐ์์ ์ฃผ๋์ด ๊ฐ๋ฐ์์ ์์ง๋ด๋ฐฑ ํ ํฌ์ผ https://youtu.be/6D7I4NNFHsU?si=nD6-F7EU_ZtYqDLI
๋ฐ๋๋ผ์ฝ๋ฉ) ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ทจ์ ๋ง์ธ๋์ https://youtu.be/zX68pyoLctI
Courses
Reviews
- [React / VanillaJS] Creating UI elements directly Part 1
- Modern JavaScript Deep Dive Study
- Javascript ES6+ - Intermediate
- Learn Javascript ES6+ properly - Beginner
- Full Stack React Toy Project - REST, GraphQL (for FE Developers)
Posts
Q&A
scrollSpy ๋ฐ๋๋ผ๋ฒ์ ์์ data-index๋ฅผ ์ฐพ๋ ์ฝ๋ ์ง๋ฌธ
closest๋ก ์ถฉ๋ถํฉ๋๋ค!๋ค๋ฅธ ๋ฉ์๋๋ ์๊ฐํ๊ณ ์ถ์ด์ ์ต์ง๋ก ๋ผ์๋ฃ์ด ๋ดค์ด์ ใ ใ ์ฐจ์ด๋ผ๋ฉด e.composedPath๋ ๋ฐ์ํ ์ด๋ฒคํธ์์ ๋ฐ๋ก ๋ฉ์๋๋ฅผ ์ ์ฉํ๋ ๊ฒ์ด๊ณ ,e.target.closest๋ ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ ์์์์ ์ฐพ๋ ๊ฒ์ด์ฃ .closest๋ ๋ด๋ถ์ ์ง์ ํ ์ ํ์์ ํด๋นํ๋ ์์ ์์๋ฅผ ํ์ํ๋ ๋ช ๋ น์ด๋ ๋งค ๋ฒ ์๋ก ํ์์ ํ ์๋ฐ์ ์์ฃ .๋ฐ๋ฉด e.composedPath๋ ์ด๋ฒคํธ ๊ฐ์ฒด์ ์ฒ์๋ถํฐ ๋ด๊ฒจ ์๋ '๋ฒ๋ธ๋งํ ๋์๋ค'์ ๋ฐฐ์ด๋ก ๋ฐํํด์ฃผ๋ ๋ฉ์๋๋ผ์ ๋ ธ๋๋ฅผ ๋ค์ ํ์ํ์ง ์์ ๊ฒ์ด๋ผ ์ถ์ธกํฉ๋๋ค. ์ ์ถ์ธก์ด ๋ง๋ค๋ฉด, e.composedPath๊ฐ ์ฑ๋ฅ์ ์์ฃผ ์ฝ๊ฐ์ด๋๋ง ์ด์ ์ด ์์ ๊ฒ ๊ฐ๋ค์.
- 0
- 2
- 41
Q&A
์ ๋ค๋ฆญ์ ์ฌ์ฉํ์ค ๋ ์ฝค๋ง
์ฝค๋ง๊ฐ ์์ ๋ TSX์ ๋ํด prettier๋ biome, vscode typescript ๋ฑ์์ ๋ฌธ๋ฒ ํ์ฑ์ ์ ๋๋ก ํ์ง ๋ชปํด ์ค๋ฅ๋ก ํ๊ธฐ๋๋ ๋ฌธ์ ๊ฐ ์์ต๋๋ค.์ด๋ฅผ ํผํ๊ธฐ ์ํ ๋ชฉ์ ์ผ๋ก ๋ถ๋์ดํ๊ฒ ๋ฃ์ ๊ฒ์ผ ๋ฟ์ ๋๋ค. TSX๋ฌธ๋ฒ๊ณผ์ ํผ๋์ ๋ฐฉ์งํ๋ค๋ ํด์์ด ๋ง๊ฒ ๋ค์.
- 0
- 2
- 51
Q&A
popover createPortal ๋ฐฉ์์์
๊ฐ์์์๋ ํ์ด์ง๋จ์๋ก ๋ค๋ฅธ ๋ด์ฉ์ ์๊ฐํ๊ธฐ ์ํด ์ด์ฉ ์ ์์ด ํ์ด์ง ๋ด ์ปดํฌ๋ํธ๋ณ๋ก ๋ฐ๋ก ๋ฃ์ด์คฌ์ง๋ง, ์ค์ ์๋น์ค์์๋ ์ต์๋จ ์ปดํฌ๋ํธ(_layout.tsx ๋๋ _app.tsx ๋ฑ)์ ๋ฑ ํ ๋ฒ๋ง ๋ฃ์ผ๋ฉด ๋ฉ๋๋ค. ๋ค๋ฅธ๊ฑธ ์๊ฐํ์ค ์ด์ ๊ฐ ์์ ๊ฒ ๊ฐ๋ค์.
- 0
- 2
- 50
Q&A
2๊ฐ๋ถํฐ ์์์ด ๋์ค์ง ์์ต๋๋ค.
์ ๋ ์ ๋์ค๊ณ ์๋๋ฐ, ํน์ ์ง๊ธ๋ ์๋์ค์๋์?ํน์ ๊ฒฐ์ ๋ฅผ ์ํ์ จ๊ฑฐ๋, ๋ก๊ทธ์ธ์ด ์๋ ๊ฒ์ ์๋์ง ํ์ธํด ๋ณด์๊ธฐ ๋ฐ๋ผ์์ธํ๋ฐ์ ๋ฌธ์๋ฅผ ํด๋ณด์๋๊ฒ ์ข์๊ฒ ๊ฐ๋ค์.
- 0
- 1
- 76
Q&A
[#๋ณด์ผ๋ฌํ๋ ์ดํธ ์ฝ๋ ์ฌ์ฉ๋ฒ ๋ฌธ์] ๊ฐ์์๋ฃ[๋ณด์ผ๋ฌํ๋ ์ดํธ] ์ฌ์ฉ๋ฒ์ ๋ํด์ ๋ฌธ์ ๋๋ ค์
์๋ฌด๊ฒ๋ ์์ด ์ฒ์(๊ธฐ๋ณธํ๊ฒฝ์ธํ ํํธ)๋ถํฐ ์ง์ ์์ฑํ๋ฉด์ ์๊ฐํ์๋ฉด ์ข์ต๋๋ค. ๋ณธ ๊ฐ์(์์ฝ๋์ธ~)์ ๋์ ํ ๋์ ์๊ฐ์๋ถ๊ป์ ์์ฑํ์ ์ฝ๋๋ก ๊ณ์ ์ด์ด๋๊ฐ์ ๋ ๋๊ณ , ๋ณด์ผ๋ฌํ๋ ์ดํธ ์ฝ๋๋ฅผ ๋ฐํ์ผ๋ก ์๊ฐํ์ ๋ ๋ฉ๋๋ค.routes ํํธ๋ฅผ ๊ฑด๋๋ฐ๊ฑฐ๋ ์ฝ๋๋ฅผ ๋์ผ๋ก๋ง ์ซ์ผ๋ฉฐ ์๊ฐํ์ ๋ค์, ๋ณด์ผ๋ฌํ๋ ์ดํธ ์ฝ๋๋ฅผ ๋ฐํ์ผ๋ก ๋ค์ ์ฑํฐ(์์ฝ๋์ธ)๋ถํฐ ์๊ฐํ์ ๋ ๋ฉ๋๋ค.
- 0
- 2
- 162
Q&A
์ค๋ต๋ฐ๋ฅผ ๋ง๋ค ๋ snackBarContext์ snackBarSetContext
AI๊ฐ ์ ์ค๋ช ์ ํด์ค์ ๋ง๋ถ์ผ ๋ง์ด ์๋ค์. ์ํ๋ก ๊ด๋ฆฌํ ๋์ ์ค์ ์ํ'๊ฐ'์ผ๋ก ์ฌ์ฉํ ๋์๊ณผ 'ํจ์'๋ก ์ฌ์ฉํ ๋์์ ๋๋ ๊ฒ์ ๋๋ค. ๋ฆฌ๋ ๋๋ง์ ์ต์ํ ํ๊ธฐ ์ํ ์กฐ์น์ ๋๋ค. ํ๋์ ์ปจํ ์คํธ๋ก ๊ด๋ฆฌํ๋ฉด ์ํ๊ฐ ๋ณ๊ฒฝ๋ ๋ ํจ์๋ค๋ง ์ฌ์ฉํ๋ ์ปดํฌ๋ํธ๋ ๋ชจ๋ ๋ฆฌ๋ ๋๋ง๋ ๊ฒ์ ๋๋ค. ์ํ๊ฐ ๋ณ๊ฒฝ๋๋๋ผ๋ ํจ์๋ ๋ณ๊ฒฝ๋์ง ์์ ํ๋ฅ ์ด ๋๊ธฐ ๋๋ฌธ์ ์ปจํ ์คํธ๋ฅผ ๋ถ๋ฆฌํ๋ฉด ๋ฆฌ๋ ๋๋ง์ ์ค์ผ ์ ์์ต๋๋ค.๋ฆฌ์กํธ ๊ณต์๋ฌธ์์์๋ ๋ค์๊ณผ ๊ฐ์ด ๋์ ๊ตฌ๋ถํ๊ณ ์์ต๋๋ค.https://ko.react.dev/learn/scaling-up-with-reducer-and-context#step-2-put-state-and-dispatch-into-context
- 0
- 2
- 77
Q&A
๋ฌดํ์คํฌ๋กค ๋ฆฌ์กํธ๋ฒ์ | 16๋ถ 31์ด
์ง๋ฌธ์๋์ ๋ง์์ด ๋ง์ต๋๋ค.ํธ์ง๊ณผ์ ์์ async๋ฅผ ์ง์ด ๋ด์ฉ์ด ๋น ์ ธ์์๋ค์..18:33 ๋ถ๋ถ์์๋ async๊ฐ ์ง์์ ธ ์์ต๋๋ค.ํผ๋์ ๋๋ ค ์ฃ์กํฉ๋๋ค.https://www.inflearn.com/course/lecture?courseSlug=react-vanillajs-ui%EC%9A%94%EC%86%8C%EB%A7%8C%EB%93%A4%EA%B8%B0-part1&unitId=212088&subtitleLanguage=ko
- 0
- 2
- 107
Q&A
sass ์ค๋ฅ
์๋ ์ด์ ๊ฐ ์์ฃ !
- 0
- 1
- 74
Q&A
does not match
๋ฐ์ดํฐ๋ฅผ ๋๋คํ๊ฒ ๊ฐ์ ธ์ค๋๋ก ์์ฑํ ๋ถ๋ถ์ ๋๋คํ์ง ์๊ฒ ๋ง๋ค๋ฉด ํด๊ฒฐ๋ ๊ฒ์ ๋๋ค.
- 0
- 2
- 93
Q&A
์๋ฐ์คํฌ๋ฆฝํธ ์ฃผ์์ ์ด์ํ ์ ์ด ์์ด์ ๋ฌธ์๋๋ฆฝ๋๋ค.
AI๊ฐ ๋ตํ๋๋ก์ ๋๋ค.์ ์ฝ๋๋ฅผ ์คํํ ๋ฐํ์(์๋ฐ์คํฌ๋ฆฝํธ ์คํ ํ๊ฒฝ)์ ์ฃผ์ ๊ตฌ๋ฌธ ํ์ฑ ๋ก์ง์ ๋ฌธ์ ๊ฐ ์๋ ๊ฒ ๊ฐ๋ค์.ํฌ๋กฌ ๊ฐ๋ฐ์๋๊ตฌ์์ ์ ์ฝ๋๋ฅผ ์คํํด ๋ณด์๋ฉด ์๋ฌด๋ฐ ๋ฌธ์ ๊ฐ ์์ต๋๋ค.(์ฌ์ง)
- 0
- 2
- 112