jetbrains5 [Next.js] ์ฐธ๊ณ ๋งํฌ.zip Next.js ๊ด๋ จํ์ฌ ์ฐธ๊ณ ํ๋ฉด ์ข์ ๊ฒ ๊ฐ์ ๋งํฌ ๋ชจ์์ง์ ๋๋ค. ์ด์ ์๋ ์ฐธ๊ณ ํ ๋งํ ๋งํฌ๋ค์ ๋ชจ์ ๊ธ๋ก ์ง์ ์์ฑํ์์ง๋ง, ๊ฒฐ๊ตญ ๋ ๋ค๋ฅธ ์ค๋ณต๋ ๊ธ์ ๋ง๋๋ ๊ฑฐ๋ผ๊ณ ์๊ฐ๋์ด ์ข์ ๊ธ๋ค์ ๋ชจ์ผ๋ ๋ฐฉ์์ผ๋ก ๋ฐฉํฅ์ ๋ฐ๊ฟจ์ต๋๋ค. (๋ค๋ง, ์ฐพ์๋ ๋์ค๋ ๊ธ์ด ์๋ค๋ฉด ์ง์ ์์ฑํ ์์ ์ ๋๋ค.) ๐ ๋์ ๋ฐฉ์ ๋ฐ Life Cycle Next js ๊ตฌ๋๋ฐฉ์ ๊ณผ getInitialProps ๐ฐ Redux next-redux-wrapper๊ฐ ํ์ํ ์ด์ Front-End/Next.js 2023. 1. 9. [JetBrains] IDE์์ React Hooks ์๋ ์์ฑ/import๊ฐ ์๋๋ ๊ฒฝ์ฐ React ์คํฐ๋ ์ค WebStrom์์ ์๋์์ฑ/Import๊ฐ ์๋ผ์ ๊ตฌ๊ธ๋งํ์ฌ ์ฐพ์ ํด๊ฒฐ ๋ฐฉ๋ฒ์ ๊ณต์ ํฉ๋๋ค. ํด๊ฒฐ๋ฐฉ๋ฒ 1 ํด๊ฒฐ๋ฐฉ๋ฒ์ ์๋์ ๊ฐ์ด Library ์ค์ ์ ํด์ฃผ๋ฉด ๋ฉ๋๋ค. ์ค์ (Preferences)์ ๋ค์ด๊ฐ๋๋ค. Languages & Frameworks > JavaScript > Libraries ์ผ๋ก ์ด๋ํฉ๋๋ค. ์ค๋ฅธ์ชฝ์ ๋ค์ด๋ก๋๋ฅผ ๋๋ฅด๊ณ react, react-dom์ ๋ค์ด๋ก๋ ํด์ค๋๋ค. ์ ๋ฐฉ๋ฒ์ ์ ์ฉํ๋ฉด ์๋์์ฑ์ด ๋๋ ๊ฒ์ ๋ณผ ์ ์์ต๋๋ค. (์๋๋ ๊ฒฝ์ฐ์๋ ์ฌ๋ถํ ์ ํด์ฃผ์๋ฉด ๋ฉ๋๋ค.) ํด๊ฒฐ๋ฐฉ๋ฒ 2 2๋ฒ์งธ ํด๊ฒฐ๋ฐฉ๋ฒ์ npm install @types/react ๋ฅผ ์ค์นํ๋ ๊ฒ์ ๋๋ค. ์๊ณ ๋ณด๋ฉด ๊ฐ๋จํ๊ฒ ํด๊ฒฐํ ์ ์๋ ๋ฌธ์ ์ธ๋ฐ, ๋ชจ๋ฅด๋ฉด ์๊ฐ์ ๋ญ๋นํ๊ฒ๋ฉ๋๋ค. ๋ค๋ฅธ ๋ถ๋ค์ ์ด ๊ธ์ .. IDE/JetBrains 2023. 1. 7. [JetBrains] Intellij ๊ฐ์ธ ์ค์ Intellij์ Java ๋ฐ Kotlin ์ ์ฉ IDE์ ๋๋ค. ํด๋น ๊ธ์ ์ ๊ฐ Intellij์ ์ฌ์ฉํ ๋, ํธ๋ฆฌํจ์ ์ํ์ฌ ์ธํ ํ ๋ชฉ๋ก๋ค์ ๊ฐ๋จํ๊ฒ ์ ๋ฆฌํ์ต๋๋ค. ์ ์ฉํด ๋ณด์ด๋ ๊ฒ ์๋ค๋ฉด ์ฐธ๊ณ ํ์ ๋ ์ข๊ณ ๋ ์ ์ฉํ ๊ฒ ์๋ค๋ฉด ์ถ์ฒํด์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค. ๐๊ธฐ์กด WebStorm ์ค์ ๊ณผ ๋น์ทํ์ง๋ง, ์ถํ์ IDE์ ๋ฐ๋ผ ๋ค๋ฅธ Plugins๋ฅผ ์ฌ์ฉํ ์๋ ์์ ๊ฒ ๊ฐ์ ๊ธ์ ๋ถ๋ฆฌํ์์ต๋๋ค.๊ด๋ จ๋ ๋จ์ถํค๋ ์๋์ ๊ธ์ ์ฐธ๊ณ ํ๋ฉด ์ข์ ๊ฒ ๊ฐ์ต๋๋ค.https://splin.tistory.com/4 Intellij ๊ธฐ๋ณธ ์ค์ ๊ธฐ๋ณธ ์ค์ ์ Preferences (Mac : โ + ,(์ปด๋ง) / Window : Ctrl + Alt + S)์์ ์ค์ ํ ๋ชฉ๋ก๋ค์ ๋๋ค. ํฐํธ ์ค์ : Font ๊ฒ์ -> D2 coding .. IDE/JetBrains 2023. 1. 4. [JetBrains] WebStorm ๊ฐ์ธ ์ค์ WebStorm์ JavaScript ์ ์ฉ IDE์ ๋๋ค. ํด๋น ๊ธ์ ์ ๊ฐ WebStorm์ ์ฌ์ฉํ ๋, ํธ๋ฆฌํจ์ ์ํ์ฌ ์ธํ ํ ๋ชฉ๋ก๋ค์ ๊ฐ๋จํ๊ฒ ์ ๋ฆฌํ์ต๋๋ค. ์ ์ฉํด ๋ณด์ด๋ ๊ฒ ์๋ค๋ฉด ์ฐธ๊ณ ํ์ ๋ ์ข๊ณ ๋ ์ ์ฉํ ๊ฒ ์๋ค๋ฉด ์ถ์ฒํด์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค. ๐๊ด๋ จ๋ ๋จ์ถํค๋ ์๋์ ๊ธ์ ์ฐธ๊ณ ํ๋ฉด ์ข์ ๊ฒ ๊ฐ์ต๋๋ค.https://splin.tistory.com/4 WebStorm ๊ธฐ๋ณธ ์ค์ ๊ธฐ๋ณธ ์ค์ ์ Preferences (Mac : โ + ,(์ปด๋ง) / Window : Ctrl + Alt + S)์์ ์ค์ ํ ๋ชฉ๋ก๋ค์ ๋๋ค. ํฐํธ ์ค์ : Font ๊ฒ์ -> D2 coding ํฐํธ๋ก ๋ณ๊ฒฝ๋ค์ด๋ฒ D2 coding ํฐํธ๋ก ๋ณ๊ฒฝ์ฝ๋ ์คํ์ผ : Code Style ๊ฒ์ -> JavaScript,HTML, CSS -> .. IDE/JetBrains 2022. 12. 30. [JetBrains] JetBrains IDE ์ ์ฉํ ๋จ์ถํค ์ด ๊ธ์ intellij๋ก ๊ฐ๋ฐ ์ ์ ์ฉํ ๋จ์ถํค๋ฅผ ๋ชจ์๋์ ๊ธ์ ๋๋ค. ์ถํ์ ์๊ฒ๋๋ ๋จ์ถํค๊ฐ ์๋ค๋ฉด ์ถ๊ฐํ๊ฒ ์ต๋๋ค ๐ ์ฐฝ ์ด๊ธฐ WINDOW MAC ๊ฐ๋จํ ์ค๋ช ๋น๊ณ Ctrl + Alt + S โ + ,(์ปด๋ง) Setting ์ฐฝ ์ด๊ธฐ - Ctrl + Alt + Shift + S โ + ;(์ธ๋ฏธ์ฝ๋ก ) Project Structure ์ฐฝ ์ด๊ธฐ - Alt + 1 โ + 1 ๋๊ตฌ ์ฐฝ ์ด๊ธฐ - Esc(๋๊ตฌ ์ฐฝ ์์) Esc(๋๊ตฌ ์ฐฝ ์์) ๋๊ตฌ ์ฐฝ ์์ ์๋ํฐ๋ก ํฌ์ปค์ค ์ด๋ - ์ด๋ ๋ฐ ๊ฒ์ WINDOW MAC ๊ฐ๋จํ ์ค๋ช ๋น๊ณ Shift+Ctrl+A โง + โ + A ๋ชจ๋ ๋จ์ถํค ๊ฒ์ - F2 F2 ๋ค์ ์ค๋ฅ,๊ฒฝ๊ณ ,์ ์์ผ๋ก ์ด๋ - Ctrl + E โ + E ์ต๊ทผ ์คํํ๋ ํ์ผ ํ์ธ - Ctrl + B โ +.. IDE/JetBrains 2022. 12. 28. ์ด์ 1 ๋ค์