Design-loving front-end engineer
Ryong
Design-loving front-end engineer
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
    • Framework
    • React
      • Concept
      • Library
      • Hook
      • Component
      • Test
    • NodeJS
    • Android
      • Concept
      • Code
      • Sunflower
      • Etc
    • Flutter
      • Concept
      • Package
    • Web
    • Web
    • CSS
    • Language
    • JavaScript
    • TypeScript
    • Kotlin
    • Dart
    • Algorithm
    • Data Structure
    • Programmers
    • Management
    • Git
    • Editor
    • VSCode
    • Knowledge
    • Voice
Design-loving front-end engineer

Ryong

React/Library

[ React ] react-beautiful-dnd

2022. 8. 8. 22:14

๐Ÿ”ด  Introduction

โšช  Drag and Drop์„ ์‰ฝ๊ฒŒ ํ•ด๊ฒฐํ•ด์ฃผ๋Š” ์˜คํ”ˆ ์†Œ์Šค ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

 

๐ŸŸ   Official

 

GitHub - atlassian/react-beautiful-dnd: Beautiful and accessible drag and drop for lists with React

Beautiful and accessible drag and drop for lists with React - GitHub - atlassian/react-beautiful-dnd: Beautiful and accessible drag and drop for lists with React

github.com

 

๐ŸŸก  Install

 
// react version >= 18.0.0
npm i react-beautiful-dnd --legacy-peer-deps

 

๐Ÿ”ต  Reference

 

GitHub - windragon0807/trello-clone: Drag and Drop์„ ์‚ฌ์šฉํ•˜์—ฌ To Do List๋ฅผ ์›ํ•˜๋Š” ์œ„์น˜์— ์˜ฎ๊ธฐ๋Š” ๊ฒฝํ—˜์„ ํ•  ์ˆ˜

Drag and Drop์„ ์‚ฌ์šฉํ•˜์—ฌ To Do List๋ฅผ ์›ํ•˜๋Š” ์œ„์น˜์— ์˜ฎ๊ธฐ๋Š” ๊ฒฝํ—˜์„ ํ•  ์ˆ˜ ์žˆ๋Š” Application - GitHub - windragon0807/trello-clone: Drag and Drop์„ ์‚ฌ์šฉํ•˜์—ฌ To Do List๋ฅผ ์›ํ•˜๋Š” ์œ„์น˜์— ์˜ฎ๊ธฐ๋Š” ๊ฒฝํ—˜์„ ํ•  ์ˆ˜ ์žˆ๋Š” Applica

github.com

 

์ €์ž‘์žํ‘œ์‹œ (์ƒˆ์ฐฝ์—ด๋ฆผ)

'React > Library' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[ React ] framer-motion  (0) 2022.08.09
[ React ] react-hook-form  (0) 2022.08.04
[ React ] classnames  (0) 2022.08.04
[ React ] redux  (0) 2022.08.02
[ React ] react-router-dom  (0) 2022.07.31
    'React/Library' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • [ React ] framer-motion
    • [ React ] react-hook-form
    • [ React ] classnames
    • [ React ] redux
    Design-loving front-end engineer
    Design-loving front-end engineer
    ๋””์ž์ธ์— ๊ด€์‹ฌ์ด ๋งŽ์€ ๋ชจ๋ฐ”์ผ ์•ฑ ์—”์ง€๋‹ˆ์–ด Ryong์ž…๋‹ˆ๋‹ค.

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”