[TIL/React] 2023/04/03
component 만들기페이지에 회색 배경 색상을 적용했다.페이지의 배경 색상을 설정하려면 body 태그에 css를 적용해주면 된다. styled-component에서 글로벌 스타일을 추가하고 싶다면 createGlobalStyle을 사용하고, 해당 함수를 통해 만들어
component 만들기
1. 새로운 프로젝트 생성
2. react-icons & styled-components install
3. App.js 수정
페이지에 회색 배경 색상을 적용했다.
페이지의 배경 색상을 설정하려면 body 태그에 css를 적용해주면 된다. styled-component에서 글로벌 스타일을 추가하고 싶다면 ``createGlobalStyle``을 사용하고, 해당 함수를 통해 만들어진 component를 렌더링하면 된다.
4. TodoTemplate 만들기
5. TodoHead 만들기(날짜, 요일, 남은 할 일 개수)
6. TodoList 만들기
7. TodoItem 만들기
이 부분은 잘 이해가 안 됐다. 내일 학교에서 천천히 흐름을 따라가봐야겠다.
8. TodoCreate 만들기
UI에만 머무를 수 없어서 해당 부분도 일단 복붙했다. ㅜㅜ 어렵다
클릭하면 이렇게 변하게 하는 코드
내일은 꼭 상태관리에 들어가도록 하겠다!
More to read
프론트엔드와 백엔드 사이
HTTP 상태 코드는 프론트엔드에서 백엔드로 보냈던 요청의 수행 결과를 의미하는 일종의 약속이며, API를 구성하는 핵심 요소 중 하나입니다. 상태 코드와 관련하여, 백엔드는 잘 모르는 프론트엔드의 슬픈 사정이 있습니다.아래는 요청이 실패했음에도, 백엔드에서 상태 코드
JWT토큰 관리 방식 톺아보기
0. 들어가며 🎯 서비스에 접근하려는 사용자가 누구인지 확인하는 과정을 사용자 인증이라고 합니다. 인증된 사용자에게 주어진 권한을 확인하는 작업은 인가라고 부릅니다. 이번 글에서는 인가는 다루지 않습니다. 사용자 인증에는 많은 방식이 있지만, 오늘은 세션 인증 방
A2AA2A / MCP 멀티 에이전트 오케스트레이션
0. 들어가며 ✍️ Google for Developers에, 레스토랑 공급망 시나리오로 엮은 6대 프로토콜(MCP, A2A, UCP, AP2, A2UI, AG-UI)에 대한 가이드가 게시된 이후, MCP와 A2A부터 구현해 보는 것이 좋을 것 같다는 생각이 들었습니