본문 바로가기

.Zzumbong

검색하기
프로필사진
.Zzumbong
Front-End 개발자의 탐험 일지 Keep Exploring!.
Work smart not hard.
포트폴리오
  • 전체 (113)
    • Dev (5)
    • coding test (77)
      • leetCode (66)
      • programmers (11)
    • EveryDay (31)
      • Food (3)
      • Game (5)
      • Goods (10)
      • PLA-MODEL (9)

  • 전체 (113)
    • Dev (5)
    • coding test (77)
      • leetCode (66)
      • programmers (11)
    • EveryDay (31)
      • Food (3)
      • Game (5)
      • Goods (10)
      • PLA-MODEL (9)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2024/03   »
일 월 화 수 목 금 토
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
  • 발더스모드
  • 프라모델
  • 지쿠악스
  • 우리시대의역설
  • 지리데칼
  • LeetCode
  • 바질토마토뭐시기
  • 블라인드박스
  • 건담
  • 제프딕슨
  • 30mf
  • 게임
  • 발더스게이트
  • 코테
  • 건담헤드
  • DIY
  • 눈알빠지겠네
  • 맛집
  • 취미
  • 포켓몬
  • 코딩테스트
  • 롱라이플
  • 누룽지소금빵
  • 미앤아이
  • 가챠
  • javascript
  • 노노그램
  • 유루건
  • 밥무하마드
  • 메탈퍼즐
more
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
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바