일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- 잠실새내
- 메탈퍼즐
- 하스스톤
- 천등
- 3d퍼즐
- 맛집
- 버즈2프로
- 미앤아이
- DIY
- javascript
- LeetCode
- 코딩테스트
- 게임
- 취미
- 토이프로젝트
- 바질토마토뭐시기
- 발더스3
- 누룽지소금빵
- 뜨아거
- 코테
- 발더스모드
- 눈알빠지겠네
- 발더스게이트
- 나쫌
- 서울제빵소
- 노노그램
- 송리단
- 밥먹고
- 알고리즘테스트
- 메일우유
- Today
- Total
목록노노그램 (2)
.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..