Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
31 |
Tags
- 맛집
- 발더스모드
- 발더스3
- 하스스톤
- 천등
- 토이프로젝트
- 발더스게이트
- 눈알빠지겠네
- 버즈2프로
- 게임
- 누룽지소금빵
- javascript
- 3d퍼즐
- 코딩테스트
- 취미
- 송리단
- 밥먹고
- 메일우유
- 뜨아거
- 나쫌
- 메탈퍼즐
- 알고리즘테스트
- 잠실새내
- 노노그램
- DIY
- 서울제빵소
- 코테
- 미앤아이
- LeetCode
- 바질토마토뭐시기
Archives
- Today
- Total
목록2024/03/24 (1)
.Zzumbong
[DEV] react/typescript로 노노그램 만들어보기 - 2
노노그램 토이프로젝트는 기획이나 정리 없이 머릿 속 순서대로 하고 있다! 정신 없이 흘러가기도 한다. 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가..
Dev
2024. 3. 24. 20:38