์๋
ํ์ธ์ ๊นํจ๋น ์
๋๋ค ๐
ํ๋ก ํธ์๋๋ฅผ ํฌ๋งํ๋ ๋ถ๋ค์ ์ํด ์ฝ๊ณ ์น์ ํ ๊ฐ์๋ฅผ ์ ๊ณตํฉ๋๋ค.
(ํ) ํ๋ก ํธ์๋ ๊ต์ก์
(์ ) ์คํํธ์ ํ๋ก ํธ์๋ ๋ฆฌ๋ ๊ฐ๋ฐ์
์น ํ์ด์ง
์จ๋ผ์ธ ๊ฐ์
๋์
์ธ๋ถํ๋
udemy, codeit, ํ์์ฌ์๋ํ๊ต ๋ฑ ํน๊ฐ ์งํ
Courses
Reviews
- A Beginner's Guide to JavaScript for Web Frontend
- Complete JavaScript in One Go: From Vanilla JavaScript to SPA Development
- Complete JavaScript in One Go: From Vanilla JavaScript to SPA Development
- Complete JavaScript in One Go: From Vanilla JavaScript to SPA Development
- Complete JavaScript in One Go: From Vanilla JavaScript to SPA Development
Posts
Q&A
init ํจ์ ์์ await
์๋ ํ์ธ์:) ์ง๋ฌธ ๊ฐ์ฌํฉ๋๋ค.App ์ปดํฌ๋ํธ ๋ด๋ถ์ ์ ์ธ๋ init ํจ์๋ ๋น๋๊ธฐํจ์์ด๊ธฐ ๋๋ฌธ์, ํธ์ถ ์ Promise ๊ฐ์ฒด๋ฅผ ๋ฐํํฉ๋๋ค.ํ์ง๋ง ํ์ฌ App ์ปดํฌ๋ํธ์์๋ init()์ ๋ฐํ๊ฐ์ ์ด๋๊ฐ์ ์ ์ฅํ๊ฑฐ๋, ๊ทธ ๊ฒฐ๊ณผ๋ฅผ ํ์ฉํ๊ณ ์์ง๋ ์์ต๋๋ค. ์ฆ, init ํจ์์ ํธ์ถ์ด ๋๋ ๋๊น์ง ๊ธฐ๋ค๋ฆด ํ์ ์์ด ๊ทธ๋ฅ ์คํ๋ง ํ๋ฉด ๋๋ ์ํฉ์ ๋๋ค!๊ทธ๋ ๊ธฐ ๋๋ฌธ์ await๋ฅผ ๊ตณ์ด ์์ฑํด์ฃผ์ง ์์๊ณ , ๊ทธ๋ ๊ธฐ ๋๋ฌธ์ App ์ปดํฌ๋ํธ ์์ฒด๋ async๋ฅผ ๋ถ์ผ ํ์๊ฐ ์๊ฒ ๋๊ฒ์ ๋๋ค ๐์ถ๊ฐ์ ์ธ ์ง๋ฌธ์ด ์์ผ์๋ฉด, ๋ค์ ๋๊ธ์ด๋ ์ง๋ฌธ์ผ๋ก ๋จ๊ฒจ์ฃผ์ธ์! ๊ฐ์ฌํฉ๋๋ค.
- 1
- 2
- 27
Q&A
"6. 1. (์ต์ ๋ฒ์ ) ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋ฉ ํ๊ฒฝ ์ค์ "์ ํ๋ฉด์ด ์ ์์ ์ผ๋ก ์ถ๋ ฅ๋์ง ์์ต๋๋ค
์๋ ํ์ธ์ Sungkuk Park๋! ์ง๋ฌธ ๊ฐ์ฌํฉ๋๋ค ๐ํ๋ฉด ์ถ๋ ฅ์ด ์ด๋ฃจ์ด์ง์ง ์๋๋ค๋๊ฒ, ์์์ด ์ ์์ ์ผ๋ก ๋ํ๋์ง ์๋๋ค๋ ๋ง์ด์ค๊น์??ํด๋น ๋ฌธ์ ๋ ๋ค๋ฅธ ์๊ฐ์ ๋ถ๋ค๊ป์๋ ์ข ์ข ์ง๋ฌธ์ผ๋ก ๋จ๊ฒจ์ฃผ์ จ๋๋ฐ์, ์์ ์ถ๋ ฅ์ด ์ ์์ ์ผ๋ก ๋์ง ์๋ ๋ฌธ์ ๋, ์๋ก๊ณ ์นจ ๋๋ ์ธํ๋ฐ ์ฌ์ดํธ์ ๋ค์ ์ ์ํด๋ณด์๊ฑฐ๋, ์ธํ๋ฐ์ธก์ ๋ฌธ์๋ฅผ ๋จ๊ฒจ์ฃผ์๋ ์ชฝ์ผ๋ก ํด๊ฒฐ์ ํ์ ์ผํ ๊ฒ ๊ฐ์ต๋๋ค. ๊ฐ์ ์๊ฐ์ ๋ถํธ์ ๋๋ ค ์ฃ์กํฉ๋๋ค. ํน์๋ผ๋ ๋ฌธ์ ๊ฐ ํด๊ฒฐ๋์ง ์์ผ์ ๋ค๋ฉด ์ธ์ ๋ ์ง ๋ค์ ์ง๋ฌธ ๋จ๊ฒจ์ฃผ์ธ์! ๊ฐ์ฌํฉ๋๋ค.
- 1
- 2
- 29
Q&A
๋๋ฌผ ์จ๋ฒ ๋ง๋ค๊ธฐ pushtState ๊ด๋ จ
์๋ ํ์ธ์ ์ฐ๋ ๊ธฐ๋ ๐ ์ง๋ฌธ ๊ฐ์ฌํฉ๋๋ค.history.pushState()์๋ ๋ค์๊ณผ ๊ฐ์ ๊ฐ๋ค์ ์ ๋ฌํฉ๋๋ค.history.pushState(state, title, url);์ฐ๋ฆฌ ํ๋ก์ ํธ์์๋, history api๋ฅผ ์ฌ์ฉํ๋ฉด์ state ๊ฐ์ฒด ๊ฐ์ผ๋ก ๋ฑํ ์ ๋ฌํ ๊ฐ์ด ์๊ธฐ ๋๋ฌธ์ null ๊ฐ์ ๋ฃ์ด๋์์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค!
- 0
- 2
- 24
Q&A
๋๋ฌผ ์จ๋ฒ ๋ง๋ค๊ธฐ ์ฌ์ง ๊ด๋ จ ๋ฌธ์
์๋ ํ์ธ์, ๋ฐฐ์ค์๋ ๐ ์ง๋ฌธ ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. [๋๋ฌผ ์จ๋ฒ ๋ง๋ค๊ธฐ] ํ๋ก์ ํธ์ ์ฌ์ฉ๋๋ api ์ฃผ์์ธ https://animal-api-two.vercel.app ๋ฅผ ๋ง์ํ์๋๊ฒ ๋ง์ผ์ค๊น์??
- 0
- 2
- 34
Q&A
์๋ฐ์คํฌ๋ฆฝํธ ์ฒซ๊ฑธ์ ๊ต์ฌ ์ง๋ฌธ..
์๋ ํ์ธ์ ymckh1005๋ ๐์ฐ์ ์๋ฐ์คํฌ๋ฆฝํธ ์ฒซ๊ฑธ์ ๊ต์ฌ๋ฅผ ๊ตฌ๋งคํด์ฃผ์ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค!!'์๋ฐ์คํฌ๋ฆฝํธ ์ฒซ๊ฑธ์' ๋์๋ '์น ํ๋ก ํธ์๋๋ฅผ ์ํ ์๋ฐ์คํฌ๋ฆฝํธ ์ฒซ๊ฑธ์' ๊ฐ์ ๋ด์ฉ์ ๋ด์ ์ฑ ์ผ๋ก,'ํ ๋ฒ์ ๋๋ด๋ ์๋ฐ์คํฌ๋ฆฝํธ' ๋ด์ฉ๊ณผ๋ ๋ค๋ฅธ ๋ด์ฉ์ ๋ด๊ณ ์์ต๋๋ค.์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด ๋ฌธ๋ฒ์ ํด๋นํ๋ ๋ถ๋ถ์ ํ์ตํ์๋ ๊ฒ์๋ ํฐ ๋ฌธ์ ์์ ๊ฒ ๊ฐ์๋ฐ์,'ํ ๋ฒ์ ๋๋ด๋ ์๋ฐ์คํฌ๋ฆฝํธ'์์๋ง ๋ค๋ฃจ๋ ๋ด์ฉ๋ค์ ๋ณ๋๋ก ์ ๋ฆฌํ์๋ ๊ฒ์ ์ถ์ฒ๋๋ฆฝ๋๋ค!!๊ฐ์ฌํฉ๋๋ค!!
- 1
- 2
- 50
Q&A
URL์ ๋ฐ๋ผ ๋ฆฌ์คํธ ๋ถ๋ฌ์ค๊ธฐ - getSortBy()์ getSearchWord()๋ฅผ ํ์ฑํ ํ๋ฉด ๋ฆฌ์คํธ๊ฐ ์ฌ๋ผ์ง๋๋ค
์๋ ํ์ธ์, kimday365๋ ๐ ์ง๋ฌธ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. handleSearch: async (searchWord) => { history.pushState( null, null, `/${this.state.region}?sort=${this.state.sortBy}&search=${this.state.searchWord}` ); // ๊ฒ์์ด๊ฐ ์๋ ๊ฒฝ์ฐ ์ฌ์ฉํ URL ํ ๋น์ ์ฒด ์ฝ๋๋ฅผ ๋ณด๋, ์ด๋ ๊ฒ ์์ฑ์ ํด์ฃผ์ จ๋๋ฐ์, ์ฌ๊ธฐ์ this.state.searchWord๊ฐ ์๋, ํ๋ผ๋ฏธํฐ๋ก ์ ๋ฌ๋ฐ์ searchWord๋ฅผ ์ฌ์ฉํด์ฃผ์ ์ผ ์ต์ ๋ฐ์์ด ๋ ๊ฒ ๊ฐ์ต๋๋ค!์์ ํด๋ณด์๊ณ , ๋ค๋ฅธ ์ค๋ฅ๋ ๋ฐ์ํ๋ค๋ฉด ๋ค์ ์ง๋ฌธ ๋จ๊ฒจ์ฃผ์ธ์ ๐ ๊ฐ์ฌํฉ๋๋ค.
- 1
- 1
- 30
Q&A
DOM API-2 1๋ถ54์ด ๊ฒฝ ์ง๋ฌธ๋๋ฆฝ๋๋ค.
์๋ ํ์ธ์ ๐ ์ง๋ฌธ ๊ฐ์ฌ๋๋ฆฝ๋๋ค!!ํด๋น ๋ถ๋ถ์ ๋ธ๋ผ์ฐ์ ์ฐจ์ด, ํน์ ๋ธ๋ผ์ฐ์ ์ ๋ฒ์ ์ฐจ์ด์ผ ์ ์์ต๋๋ค.์ ๋ ํฌ๋กฌ ๋ธ๋ผ์ฐ์ ๋ฅผ ์ฌ์ฉํ๊ณ ์๋๋ฐ์, console.log($type)์ ๊ฒฐ๊ณผ๊ฐ ์ ์ฒด HTML๋ก ์ถ๋ ฅ์ด ๋๊ณ ์์ต๋๋ค.ํฌ๋กฌ์ ๋ค๋ฅธ ๋ฒ์ , ์ฌํ๋ฆฌ, ์ฃ์ง ๋ฑ์ผ๋ก ํด๋น ์ฝ๋๋ฅผ ์คํํ๋ฉด, div.#type.info-item๊ณผ ๊ฐ์ด DOM ๊ฐ์ฒด๋ก ์ถ๋ ฅ์ด ๋๋ค๊ณ ํฉ๋๋ค.ํ ๋ฒ ํ์ธํด๋ณด์๊ณ ํด๊ฒฐ์ด ๋์ง ์์ผ์๋ฉด ๋ค์ ์ง๋ฌธ ๋จ๊ฒจ์ฃผ์ธ์!! ๊ฐ์ฌํฉ๋๋ค.
- 1
- 2
- 43
Q&A
๋๋ฌผ์จ๋ฒ 1-1-2
์๋ ํ์ธ์ rladygks1210๋ ๐ ์ง๋ฌธ ๊ฐ์ฌํฉ๋๋ค.์ ์ฝ๋์ rladygks1210๋ ์ฝ๋์ ์ฐจ์ด๋ ์ ๋๊ฒฝ๋ก์ ์๋๊ฒฝ๋ก ์ฐจ์ด์ธ๋ฐ์,์น ์๋ฒ์์ ์คํํ๊ณ ์๋์ง, ๋ก์ปฌํ๊ฒฝ์์ ์คํํ๊ณ ์๋์ง์ ์ฐจ์ด์ด๊ธฐ ๋๋ฌธ์, ์์ผ๋ก ๊ฐ์๋ฅผ ์๊ฐํ์๋๋ฐ ์์ด์ ํฐ ๋ถํธํจ์ ์์ผ์ค๊ฑฐ์์ ๐rladygks1012๋์ ์ธํ ์ ๋ง์ถฐ ์๋ง์ ๊ฒฝ๋ก๋ฅผ ์์ฑํด์ฃผ์๋ฉด ๋ ๊ฒ ๊ฐ์ต๋๋ค.๊ฐ์ฌํฉ๋๋ค.
- 1
- 2
- 49
Q&A
์คํ๋ง ๊ณต๋ถ๋ฅผ ํ๋ค๊ฐ ๋ ธ๋ ๋ฐฑ์๋๋ ๊ฒฝํํด ๋ณด๊ณ ์ถ์ด์ ์๋ฐ์คํฌ๋ฆฝํธ ๊ฐ์๋ฅผ ๋ค์ผ๋ ค๋๋ฐ
์๋ ํ์ธ์ ๊น์ธํ๋ ๐ ์ง๋ฌธ ๊ฐ์ฌํฉ๋๋ค.๋ณธ ๊ฐ์๋ [ํ๋ก ํธ์๋] ์นดํ ๊ณ ๋ฆฌ์ ๊ฐ์๋ก, ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ถ๋ค์ ์ํ ์๋ฐ์คํฌ๋ฆฝํธ ๊ฐ์์ ๋๋ค. ๋ณ๋๋ก Node.js๋ฅผ ํ์ตํ๊ธฐ ์ํ ์์์ ์์ง๋ง, ๊ฐ์๋ฅผ ํตํด ์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด ๊ฐ๋ ๋ค๋ถํฐ ์ฌํ ๊ฐ๋ ๊น์ง ์ตํ์ ๋ค๋ฉด, ํ์ ๋ ธ๋ ๋ฐฑ์๋๋ฅผ ๊ฐ๋ฐํ์ค ๋ ๋์์ด ๋ ์ ์์ ๊ฒ ๊ฐ์ต๋๋ค.๊ฐ์ฌํฉ๋๋ค!( +[์น์ 8 - 7. node.js์ express.js] ๊ฐ์์์ ์ด์ง ๋ง๋ณด๊ธฐ ํํ๋ก, ํ๋ก์ ํธ ๊ฐ๋ฐ์ ํ์ํ ๋ถ๋ถ๋ง ๋ค๋ฃจ๊ณ ์๊ธฐ๋ ํฉ๋๋ค.)
- 1
- 1
- 60
Q&A
node_modules ํด๋๊ฐ ์๊ธฐ์ง ์์์
์๋ ํ์ธ์, ์๋ฆฌ๋! ์ง๋ฌธ ๊ฐ์ฌํฉ๋๋ค ๐์ฐ์ ์๋์ '์ธํ๋ฐ AI' ๊ฐ ์ ์ํ ๋ฐฉ๋ฒ๋๋ก ํด๋ณด์๊ฑฐ๋,๋ช ๋ น์ด๋ฅผ ์ ๋ ฅํ ๊ณณ์ ๊ฒฝ๋ก๋ฅผ ํ์ธํด์ฃผ์ธ์!!ํด๋น ํด๋ ๋ด๋ถ์ node modules ํด๋๊ฐ ์์ฑ๋๊ธฐ ์ํด์๋, ๊ฒฝ๋ก๊ฐ PROJECT ํด๋์ ์์น์ ์์ด์ผ ํ๊ธฐ ๋๋ฌธ์, ๋ค์ ํ ๋ฒ ํ์ธํด๋ณด์๊ณ ๊ทธ๋ผ์๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ์๋ฉด ๋ฐ๋ก ๋ค์ ์ง๋ฌธ ๋จ๊ฒจ์ฃผ์ธ์ ๐๊ฐ์ฌํฉ๋๋ค.
- 1
- 3
- 89