https://github.com/doggang/reactstudy

CRUD를 이용하여 TodoList 만들기.
https://github.com/doggang/reactstudy

react

Last synced: 4 months ago
JSON representation

CRUD를 이용하여 TodoList 만들기.

• Host: GitHub
• URL: https://github.com/doggang/reactstudy
• Owner: doggang
• Created: 2024-12-21T05:46:38.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2025-02-17T14:24:40.000Z (4 months ago)
• Last Synced: 2025-02-17T14:37:45.616Z (4 months ago)
• Topics: react
• Language: JavaScript
• Homepage:
• Size: 296 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

## URL : https://doggang.github.io/ReactStudy/

![image](https://github.com/user-attachments/assets/95aa910e-510d-4954-b35b-a23ecd7b2c92)

### 메인페이지입니다.

### CRUD를 이용하여 개발하였습니다. 

![image](https://github.com/user-attachments/assets/56e71c5f-e9ab-41b1-b06a-f719ce2101e9)

### 해당 input 안에 텍스트를 입력후 추가 버튼 클릭 혹은 엔터키를 입력하면 아래 List에 추가한 내용이 새롭게 렌더링됩니다.

![image](https://github.com/user-attachments/assets/d6df574e-d817-4a45-8437-c0c921e94475)

### 빨간 네모 안 input에 찾고자 하는 list의 content 내용 입력시 해당 list가 나오게 구현하였습니다.

![image](https://github.com/user-attachments/assets/71d4a908-0e76-46d3-9b0c-a050970259b5)

### 해당 checkout 클릭 시 targetId를 받아오게끔 구현하였습니다.

![image](https://github.com/user-attachments/assets/af8c09e8-aace-4ffb-b40c-007eb5775259)

### content의 삭제버튼 클릭시 해당하는 content가 삭제됩니다.