[TIL/React] 2023/04/06
GoalReact로 투두리스트 만들기상태는 useState()를 통해 구현CSS는 파일 형태로 관리할 일을 추가하는 form 구현추가된 할 일이 나타나는 Todo 영역 구현(완료 버튼도 구현)완료 버튼을 누르면 완료된 Todo를 모아두는 Completion 영역 구현C
Goal
1. React로 투두리스트 만들기 2. 상태는 useState()를 통해 구현 3. CSS는 파일 형태로 관리 4. 할 일을 추가하는 form 구현 5. 추가된 할 일이 나타나는 Todo 영역 구현(완료 버튼도 구현) 6. 완료 버튼을 누르면 완료된 Todo를 모아두는 Completion 영역 구현 7. Completion에서 취소 버튼을 누르면 사라지도록 하는 기능 구현
src/App.js
src/App.css
완성된 형태
More to read
프론트엔드와 백엔드 사이
HTTP 상태 코드는 프론트엔드에서 백엔드로 보냈던 요청의 수행 결과를 의미하는 일종의 약속이며, API를 구성하는 핵심 요소 중 하나입니다. 상태 코드와 관련하여, 백엔드는 잘 모르는 프론트엔드의 슬픈 사정이 있습니다.아래는 요청이 실패했음에도, 백엔드에서 상태 코드
JWT토큰 관리 방식 톺아보기
0. 들어가며 🎯 서비스에 접근하려는 사용자가 누구인지 확인하는 과정을 사용자 인증이라고 합니다. 인증된 사용자에게 주어진 권한을 확인하는 작업은 인가라고 부릅니다. 이번 글에서는 인가는 다루지 않습니다. 사용자 인증에는 많은 방식이 있지만, 오늘은 세션 인증 방
A2AA2A / MCP 멀티 에이전트 오케스트레이션
0. 들어가며 ✍️ Google for Developers에, 레스토랑 공급망 시나리오로 엮은 6대 프로토콜(MCP, A2A, UCP, AP2, A2UI, AG-UI)에 대한 가이드가 게시된 이후, MCP와 A2A부터 구현해 보는 것이 좋을 것 같다는 생각이 들었습니