.Zzumbong

노노그램 토이프로젝트는 기획이나 정리 없이 머릿 속 순서대로 하고 있다! 정신 없이 흘러가기도 한다. 1편에 이어서 노노그램 게임을 만들어보자~ 1. 정답지를 받고 내가 푸는 노노 그램을 일단 만들자 const Nonogram: React.FC = ({ answer }) => { const [nonogram, setNonogram] = useState( Array(answer.length).fill(Array(answer.length).fill(0)) ); return ( {nonogram && nonogram.map((row, indexY) => ( {row.map((cell, indexX) => ( ))} ))} ); }; 빈 노노 그램 박스가 완성된다. 2. 클릭 이벤트 만들기 노노그램 클릭은 2가..

노노그램 토이프로젝트는 기획이나 정리 없이 머릿 속 순서대로 하고 있다! 정신 없이 흘러가기도 한다. 뭔가 퍼즐을 풀고 만드는 것을 좋아하다보니 평소에 노노그램을 폰으로 즐겨한다. 매번 취업을 위한 과제나 알고리즘을 풀다가 지쳐버린 나 내마음대로 만드는 것을 하고 싶어져서 노노그램 게임을 만들어보기로함! 1. 설치 npx create-react-app nonogram --template typescript 2. 절대경로 설정하기 { "compilerOptions": { "baseUrl": "src", }, "include": ["src"] } 3. sass 설치 npm install sass 4. reset.css 받기 /* box-sizing 규칙을 명시합니다. */ *, *::before, *::af..