์ ์ฒด ๊ธ
[ReactJS] Hook & State & Props
Hook์ด๋? Hook์ ํด๋์ค ์ปดํฌ๋ํธ์์๋ง ์ฌ์ฉํ ์ ์์๋ ์ํ ๊ด๋ฆฌ์ ๋ผ์ดํ ์ฌ์ดํด ๊ด๋ฆฌ ๊ธฐ๋ฅ์ ํจ์ ์ปดํฌ๋ํธ์์๋ ์ฌ์ฉํ ์ ์๋๋ก ์ฐ๋ํด์ฃผ๋ ํจ์๋ฅผ ์๋ฏธํ๋ค. ๋ฏธ๋ฆฌ ๋ง๋ค์ด ๋ ํจ์๋ฅผ ๊ฐ์ ธ์์ ์ฌ์ฉ์ ํด ์ฃผ๋ ๊ฒ์ด๊ธฐ ๋๋ฌธ์ Hook์ด๋ผ๋ ์ด๋ฆ์ ์ฌ์ฉํ๋ค. Hook์ ๋ชจ์์ Hooks๋ผ ํ๋ค. Hook์ ๋ฑ์ฅ ๋ฐฐ๊ฒฝ ๊ธฐ์กด์ ํด๋์ค ์ปดํฌ๋ํธ๋ง์ ์ฌ์ฉํ์ฌ ์ปดํฌ๋ํธ๋ฅผ ์์ฑํ์๋๋ฐ, ํจ์ ์ปดํฌ๋ํธ์ ์ฅ์ ์ผ๋ก ์ธํด ์ด๋ฅผ ์ฌ์ฉํ๊ณ ์ ํ๋ ๋์ฆ๊ฐ ์ ์ ๋ง์์ง๊ฒ ๋์๋ค. ํจ์ ์ปดํฌ๋ํธ์ ์ฅ์ : ์ ์ธํ๊ธฐ ํธ๋ฆฌํจ, ์ง๊ด์ , ๋ฉ๋ชจ๋ฆฌ ์์์ ๋ ์ฌ์ฉํจ ์ด๋ก ์ธํด ํด๋์ค ์ปดํฌ๋ํธ์์๋ง ๊ฐ๋ฅํ๋ ๊ธฐ๋ฅ์ ํจ์ ์ปดํฌ๋ํธ์์๋ ์ฌ์ฉํ๊ณ ์ Hook์ด ๋ฑ์ฅํ์๋ค. Hook์ ํน์ง ํจ์ ์ปดํฌ๋ํธ์์๋ง ์ฌ์ฉ ๊ฐ๋ฅํ๋ค. Hook์ ์ด๋ฆ..
[Unity] ์ ๋ํฐ (Unity) ์๊ฐ ๋ฐ ์ค์น
์ ๋ํฐ ์๊ฐ ๋ฐ ์ค์น ์์ฆ ๊ตญ๋ด ์ธ๋ ๊ฒ์ ํน์ 3D ๊ฒ์์ 80ํ๋ก ์ด์์ด ์ ๋ํฐ๋ฅผ ์ด๋ค. ์ ๋ํฐ๋ ๊ฒ์ ์ธ์๋ ์ฌ๋ฌ ๋ถ์ผ์์ ํ์ฉ๋๋ค. ์ ๋ํฐ๋ฅผ ์ ํํ๋ ์ด์ ๋ฐฐ์ฐ๊ณ ์ฌ์ฉํ๊ธฐ ์ฌ์ด ํธ์ด๋ค. ์์ค๊ฐ ์ฐจ๋จ๋์ด ์๊ณ ๋ณ ๊ธฐ๋ฅ์ด ๋ณด์ด์ง ์์ ์ฒ์์ ํ์ตํ๊ธฐ ์ฝ๋ค. ๊ฐ๊ฒฉ์ด ์ ๋ ดํ๋ค. ๊ฑฐ์ ๋ชจ๋ ๊ธฐ๋ฅ์ด ํ๋ฆฐ ์ํ๋ก ๋ฌด๋ฃ์ด๋ค. ๋ฉํฐํ๋ซํผ ์ง์์ด ์ ์ผ ๊ฐ๋ ฅํ๋ค. ๋จ, ๊ฒฐ์ ๊ธฐ๋ฅ๊ณผ ๊ฐ์ ๋ค๋ฅธ ๊ธฐ๋ฅ์ ๋ถ์ผ ๋๋ ํ๋ซํผ ๋ณ๋ก ์ฐจ์ด๊ฐ ์กด์ฌํ๋ค. ๊ฐ๋ฐ ์๋๊ฐ ๋น ๋ฅด๋ค. ๋ฐ๋ก ๊ตฌํํ๊ณ ๋ฐ๋ก ํ์ธ ๊ฐ๋ฅํ๋ค. ๊ทธ๋ผ ์ ๋ํฐ๋ ๋ง๋ฅ์ผ๊น? ์๋๋ค. ์ ์ฌ์ฉํ์ง ๋ชปํ๋ฉด ํจ์จ์ ๋ด๊ธฐ ์ด๋ ต๋ค. ๊ทธ๋ฆฌ๊ณ C#์ ์ฐ๊ธฐ ๋๋ฌธ์ ๋๋ฆฌ๋ค. ์ ๋ํฐ๋ฅผ ์ฐ๊ธฐ ์ ์ ๊ธฐ๋ณธ๊ธฐ๋ฅผ ์ตํ์ผ ํ๋ค. ์ํ, (๋ฌผ๋ฆฌ), ... ์ฆ, ํ๋ก๊ทธ๋๋จธ๋ก์ ๊ธฐ๋ณธ ์์์ ๊ฐ์ถ๊ณ ์ ๋ํฐ..
[์ปดํจํฐ ๊ตฌ์กฐ] 2์ง์ ์ฒด๊ณ
๋์งํธ ์์คํ ๋์งํธ ์์คํ : 0๊ณผ 1์ ์กฐํฉํด์ ์ฌ๋ฌ๊ฐ์ง ์ ๋ณด๋ฅผ ์ป์ด๋ผ ์ ์๋ ์์คํ ์๋ ๋ก๊ทธ ์์คํ (์ฐ์์ ) โ ๋์งํธ ์์คํ (์ด์ฐ์ ) ์ด์ฐ ์ ๋ณด ํ๋์ ์์๋ฅผ ํน์ ์ง์ ์ ์๋ ์ ๋ณด ์ ํ๊ฐ์ ์์๋ก ์ด๋ฃจ์ด์ง ๋ชจ๋ ์งํฉ ex) 10์ง ์๋ฆฌ์, ์ํ๋ฒณ 26๊ฐ ๋ฌธ์, ์ฒด์คํ 64๊ฐ์ ์นธ, .. Signal ์ด์ฐ์ ์ธ ์์๋ฅผ ๋ฌผ๋ฆฌ์ ์์ผ๋ก ํํํ ๊ฒ ex) ์ ์์ ์, ์ ๋ฅ์ ์ ์ด์ฐ ์ ๋ณด ์์๋ฅผ 2์ง ์ฝ๋(0๊ณผ 1)๋ก ๋ถ๋ฆฌ๋ ๋นํธ(bit)๋ค์ ๊ทธ๋ฃน์ผ๋ก ํํ โ ๋์งํธ ์ ๋ณด ๋นํธ(bit) : ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๋ ๋ฌผ๋ฆฌ์ ์ธ ์์ 2์ง์ (+ 8์ง์, 16์ง์) [10์ง์] 7392 = (7 * 10^3) + (3 * 10^2) + (9 * 10^1) + (2 * 10^0) [2์ง์] 11010.11(2) ..
[ReactJS] SPA & Routing
SPA & Routing SPA (Single Page Application) ์ ๊ฐ๋ SPA๋ ํ์ด์ง๊ฐ ํ๋์ธ ์น ์ดํ๋ฆฌ์ผ์ด์ ์ ์๋ฏธํ๋ค. ์ฌ๊ธฐ์ ํ์ด์ง๋ html ํ์ผ์ ๋ปํ๊ธฐ ๋๋ฌธ์, SPA๋ ์น ์ฌ์ดํธ ์ ์ฒด์ HTML ํ์ผ์ด ํ๋์ธ ์น ์ดํ๋ฆฌ์ผ์ด์ ์ด๋ค. MPA์ ๋ฌ๋ฆฌ, SPA๋ html์ด ํ๋ ๋ฟ์ด๋ฏ๋ก ์ฌ๋ฌ ํ์ด์ง(UI)๋ฅผ ํ๋์ ํ์ด์ง์์ ๋ณด์ฌ์ฃผ๊ธฐ ์ํด Routing ๊ธฐ๋ฅ์ด ํ์ํ๋ค. Routing์ ๊ฐ๋ SPA์์ ๊ฒฝ๋ก์ ๋ฐ๋ผ ๋ค๋ฅธ ํ์ด์ง๋ฅผ ๋ธ๋ผ์ฐ์ ํ๋ฉด์ ๋ณด์ฌ์ฃผ๋ ๊ฒ์ Routing์ด๋ผ ํ๋ค. React ์์ฒด์๋ Routing ๊ธฐ๋ฅ์ด ์๊ธฐ ๋๋ฌธ์, React-Router์ด๋ผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ค์นํด ์ฌ์ฉํด์ผ ํ๋ค. React-Router ์ค์น ๋ช ๋ น์ด : npm install react-route..
[ReactJS] JSX์ ์ปดํฌ๋ํธ (Component)
JSX JSX๋ JavaScript์ ๋ฌธ๋ฒ์ ํ์ฅํ React๋ง์ ๋ฌธ๋ฒ์ผ๋ก, JavaScript ๋ด์์ HTML ๋งํฌ์ ์ ์ฌ์ฉํ ์ ์๋๋ก ํ ๊ฒ์ด๋ค. ๋งํฌ์ ๊ณผ ์๋ฐ์คํฌ๋ฆฝํธ ๋ก์ง์ด ์๋ก ์ฐ๊ฒฐ๋์ด ์๋ค๊ณ ํ๋จํ์ฌ ์ด๋ฅผ ํ ๋ฒ์ ์์ฑํ ์ ์๋ ๋ฐฉ๋ฒ์ ๊ณ ๋ฏผํ ๊ฒฐ๊ณผ ์๊ฒจ๋ ๋ฌธ๋ฒ์ด๋ค. JavaScript ๋ด์์ ๋งํฌ์ ์ ์์ฑํ ์ ์๊ณ , JS ๋ก์ง๋ ํจ๊ป ์์ฑํ ์ ์๋ค. JavaScript ์ ์ ๋ฌธ๋ฒ์ ์๋๊ธฐ ๋๋ฌธ์ ๋ธ๋ผ์ฐ์ ์์ ์ด๋ฅผ ํด์ํ ์ ์๋ค. ๋ฐ๋ผ์ Babel ๋ณ์ญ๊ธฐ๋ก ์ด๋ฅผ React.createElement() ํจ์๋ก ๋ณํํ๋ ๊ณผ์ ์ด ๋ฐ๋์ ํ์ํ๋ค. JSX์ ํน์ง JSX๋ ์๋ฐ์คํฌ๋ฆฝํธ์ ๊ฐ์ด๋ค. ํน์ ํ ๋ณ์์ ์ด ๊ฐ์ ๋ด์ ์ ์๊ณ , ํจ์์ ์ธ์๋ก ์ ๋ฌํ๊ฑฐ๋ ํจ์์ ๋ฆฌํด๊ฐ์ผ๋ก ์ฌ์ฉํ ์ ์๋ค. f..
[ReactJS] React์ ํน์ง๊ณผ Virtual DOM
React์ ๋ํ์ ์ธ ํน์ง 2๊ฐ์ง ์ ์ธํ (Declarative Programming) ๋ฆฌ์ํธ๋ ์ ์ธํ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ด๋ค. ์ ์ฐจ์ vs ์ ์ธ์ ์ ์ฐจ์ (๋ช ๋ นํ) ํ๋ก๊ทธ๋๋ฐ ์ํ๋ ๊ฒฐ๊ณผ๋ฅผ ๋ง๋ค๊ธฐ ์ํ ์ ์ฐจ(How)์ ์ค์ ์ ๋๋ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์ ์๋ฐ์คํฌ๋ฆฝํธ์์ ์ง์ DOM์ ์กฐ์ํ๋ ๋ฐฉ์ ๋ชจ๋ ๊ณผ์ ์ ์ผ์ผ์ด ๊ธฐ์ ํด์ผ ํ๋ฏ๋ก ์์ฐ์ฑ์ด ์ ํ๋ ์ ์๋ค. ์ ์ธ์ ํ๋ก๊ทธ๋๋ฐ ์ํ๋ ๊ฒฐ๊ณผ๊ฐ ๋ฌด์(What)์ธ์ง ์ ์ธํ๋ ํํ๋ก ํ๋ก๊ทธ๋๋ฐ ํ๋ ๋ฐฉ์ ์๋ฐ์คํฌ๋ฆฝํธ์์ DOM ์กฐ์์ React์ ์์ ์ปดํจํฐ๋ ์ ์ฐจ์ ์ผ๋ก ๋์ํ๊ธฐ์ ๊ฒฐ๊ตญ ๋ชจ๋ ๋ช ๋ น์ ๋ค ์ ์ฐจ์ ์ผ๋ก ํด์ฃผ์ด์ผ ํ์ง๋ง, ๊ฐ๋ฐ์ ํ๋ ๊ฐ๋ฐ์๋ (์ต๋ํ ์ ์ฐจ์ ์ธ ๋ถ๋ถ์ ๊ฐ์ถ๊ฐ๋ ์์ํ๊ณ ) ์ ์ธ์ ์ธ ๋ถ๋ถ์๋ง ์ง์คํ๊ฒ ํ๋ ๋ฐฉ์์ด ์ ์ธ์ ์ธ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์์ด๋ค. ์ปดํฌ๋ํธ..
[ReactJS] React JS ์๊ฐ ๋ฐ ์ค์น
React JS์ ๊ฐ๋ ๊ณผ ํ์ ๋ฐฐ๊ฒฝ React ํ์ ๋ฐฐ๊ฒฝ ์น ์ ํ๋ฆฌ์บ์ด์ ์ด ๋ฑ์ฅํจ์ ๋ฐ๋ผ ์น ๊ฐ๋ฐ์ ๋ณต์ก์ฑ์ด ์ฆ๊ฐํ๊ฒ ๋์๋ค. ์น ์ ํ๋ฆฌ์ผ์ด์ : ์น ๋ธ๋ผ์ฐ์ ๋ฅผ ํตํด ์์ฉ ์ํํธ์จ์ด์ ๊ธฐ๋ฅ์ ์ด์ฉํ ์ ์๋๋ก ๋ง๋ ์น ์๋น์ค ์ด์ ๋ฐ๋ผ DOM์ ์ง์ ์กฐ์ํ๋ (Vanila JS, jQuery๋ฅผ ์ด์ฉํ๋) ๊ธฐ์กด์ ๊ฐ๋ฐ ๋ฐฉ๋ฒ์ผ๋ก๋ ํ๊ณ๊ฐ ์๊ฒผ๋ค. ์ด๋ฌํ ์ํฉ์์ ์์ฐ์ค๋ฝ๊ฒ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์์ฐ์ฑ ํฅ์๊ณผ ๋์ด๋ ํํฅ์ ์ํ ์ฌ๋ฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ฐ ํ๋ ์์ํฌ๊ฐ ํ์ํ์๋ค. ์ด ์ค ํ์ฌ ์ ์ผ ๋ง์ด ์ฌ์ฉ๋๋ ๊ฒ์, React, Angular, Vue์ด๋ค. React JS๋? React JS (ํน์ React)๋ UI๋ฅผ ๊ตฌ์ถํ๊ณ ์ดํ๋ฆฌ์ผ์ด์ ์ด interactiveํ๋๋ก ๋ง๋ค์ด์ฃผ๋ ํ๋ ์์ํฌ (Framework) ์ด์ ..
[NodeJS] Node JS & NPM ์๊ฐ ๋ฐ ์ค์น
Node JS๋? Node JS๋ Chrome V8 JavaScript ์์ง์ผ๋ก ๋น๋๋ JavaScript ๋ฐํ์(์คํ ํ๊ฒฝ)์ด๋ค. ์คํ ํ๊ฒฝ : ํน์ ํ๋ก๊ทธ๋จ์ ์คํํ๊ธฐ ์ํด์ ํ์ํ ํ๊ฒฝ JavaScript ์คํ ํ๊ฒฝ : JavaScript๋ฅผ ์คํํ ์ ์๋๋ก ํด์ฃผ๋ ํ๊ฒฝ (JavaScript ์์ง + ํ์ผ ์ฝ๊ณ ์ฐ๋ ๊ธฐ๋ฅ + ์ ์ถ๋ ฅ ๊ธฐ๋ฅ ๋ฑ๋ฑ) Node JS๋ (V8 ์์ง์ผ๋ก ๋น๋๋) ๋จ์ํ ๋ฌธ์์ ๋์ด์ธ JavaScript ์ฝ๋๋ฅผ ํด์ํ๊ณ ์คํํ ์ ์๋๋ก ์ ๊ณต๋ ํ๊ฒฝ์ด๋ค. Node JS ํ์ ๋ฐฐ๊ฒฝ ์น ๋ธ๋ผ์ฐ์ ๋ ๋ํ์ ์ธ JavaScript์ ์คํํ๊ฒฝ์ด๋ค. ์ ์ด์ JavaScript ์ธ์ด๋ ๋ธ๋ผ์ฐ์ ์์ ๊ฐ๋จํ ์คํฌ๋ฆฝํธ๋ฅผ ์คํํ๊ธฐ ์ํด ํ์ํ ์ธ์ด์ด๋ค. ๊ทธ๋ ๊ธฐ ๋๋ฌธ์, JavaScript๋ ๋ธ๋ผ์ฐ์ ..
[ํ๋ก๊ทธ๋๋จธ์ค] ์น์์ด (1) (๐Lv. 0) (JavaScript)
๋ฌธ์ ๋ฐ๋ก ๊ฐ๊ธฐ ํ๋ก๊ทธ๋๋จธ์ค ์ฝ๋ ์ค์ฌ์ ๊ฐ๋ฐ์ ์ฑ์ฉ. ์คํ ๊ธฐ๋ฐ์ ํฌ์ง์ ๋งค์นญ. ํ๋ก๊ทธ๋๋จธ์ค์ ๊ฐ๋ฐ์ ๋ง์ถคํ ํ๋กํ์ ๋ฑ๋กํ๊ณ , ๋์ ๊ธฐ์ ๊ถํฉ์ด ์ ๋ง๋ ๊ธฐ์ ๋ค์ ๋งค์นญ ๋ฐ์ผ์ธ์. programmers.co.kr ํ์ด (JavaScript) ์ฌ์ฉ ์ธ์ด : JavaScript ํ์ดํ ๋ ์ง : 2022-12-20 function solution(babbling) { const correctBabbling = ["aya", "ye", "woo", "ma"]; let count = 0; babbling.forEach((item) => { let oneBabble = item; for (let i = 0; i < correctBabbling.length; i++) { if (item.includes(correc..
[๋ฐฑ์ค] 1063๋ฒ : ํน (๐ฅ์ค๋ฒ 4) (Python)
๋ฌธ์ ๋ฐ๋ก ๊ฐ๊ธฐ 1063๋ฒ: ํน 8*8ํฌ๊ธฐ์ ์ฒด์คํ์ ์์ด ํ๋ ์๋ค. ํน์ ํ์ฌ ์์น๊ฐ ์ฃผ์ด์ง๋ค. ์ฒด์คํ์์ ๋ง์ ์์น๋ ๋ค์๊ณผ ๊ฐ์ด ์ฃผ์ด์ง๋ค. ์ํ๋ฒณ ํ๋์ ์ซ์ ํ๋๋ก ์ด๋ฃจ์ด์ ธ ์๋๋ฐ, ์ํ๋ฒณ์ ์ด์ ์์งํ๊ณ , ์ซ์๋ www.acmicpc.net ํ์ด ์ฌ์ฉ ์ธ์ด : Python ํ์ดํ ๋ ์ง : 2022-03-11 place = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H'] dxs = [0, 1, 1, 1, 0, -1, -1, -1] dys = [1, 1, 0, -1, -1, -1, 0, 1] king, stone, n = tuple(input().split()) n = int(n) king_x = place.index(king[0]) + 1 king_y = int(king..