seungho-dev

  • 홈
  • 태그
  • 방명록

konva 1

[React] 간단한 성냥퍼즐 웹 서비스 만들기 4일차 (react-konva)

오늘은 드디어 핵심 기능인 퍼즐 시스템을 만들어 보려고 한다너무 재밌겠다 바로 가자~! 개인적인 공부를 위해 작성하는 블로그입니다. 혹시라도 잘못되거나 부족한 부분이 있다면 댓글로 알려주시면 감사하겠습니다.💡 핵심 기능 구현성냥개비 드래그 & 드롭 (오늘 할 것)성냥개비 회전퍼즐 정답 검증 시스템 ✨ React-Konva 설치npm install react-konva konva일단 제일 중요한 기능인 캔버스에서 성냥개비를 회전하고 드래그 & 드롭하는 기능을 순수 js로 구현해보고 싶은 마음은 굴뚝같지만 누군가 좋은 라이브러리를 만들어주셔서 예의상 사용하기로 했다. 🥰 오늘은 간단하게 konva.js를 이용해서 이미지를 드래그 & 드롭할 수 있게 만들어볼 거다. 우선 성냥의 구조체를 생각해 보았다. 가..

개발/개발로그 2024.11.15
이전
1
다음
더보기
프로필사진

seungho-dev

seungho-dev 님의 블로그 입니다.

  • 분류 전체보기 (30)
    • 개발 (29)
      • JavaScript (1)
      • Java (0)
      • React (1)
      • NextJS (0)
      • HTTP (0)
      • Database (2)
      • DevOps (0)
      • CG (1)
      • 알고리즘 (2)
      • 개발로그 (15)
      • TIL (7)
    • 취미 (0)
      • EffectHouse (0)

Tag

Prisma, REACT, 오블완, konva.js, tailwind다크모드, react-router loader, 개발일지, 성냥퍼즐, useeffect는 항상 페인팅 이후에 동작할까, konva, 티스토리챌린지, 웹개발, useeffect에서 비동기함수 사용하기, 알고리즘, til, React Query, ValidationPipe, NestJS, histroy 스택, react-konva,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바