[TIL/React] 2023/02/16
머리글그저께 공부하면서 알게 된 유튜버님이 인프런에서 진행하고 있는 강의가 있어서 고민 없이 바로 결제했다. 인프런 강의와 기존에 듣고 있던 강의를 병행하며 React를 마구마구 파헤쳐 보겠다.React에서 자주 쓰이는 JS 문법 정리key와 key 값에 들어가는 변수
머리글
그저께 공부하면서 알게 된 유튜버님이 인프런에서 진행하고 있는 강의가 있어서 고민 없이 바로 결제했다. 인프런 강의와 기존에 듣고 있던 강의를 병행하며 React를 마구마구 파헤쳐 보겠다.
React에서 자주 쓰이는 JS 문법 정리
key와 key 값에 들어가는 변수의 이름이 같다면 다음 코드와 같이 짧게 쓸 수 있다.

다음에는 '구조분해할당'의 개념을 살포시 살펴봤다.

배열에서는 다음과 같이 사용할 수 있다.

Spread 문법을 배웠다.

배열에서도 동일한 방식으로 사용이 가능하다.

마지막으로 '삼항 연산자'를 살펴봤다.

코드를 통해 Component의 '재활용성' 이해



진짜 강의가 기가막힌다 Wls이다 ㄷㄷㄷ
Props: 함수의 매개변수와 같은 존재


'Reduce method' 사용 복습


for문으로 구현해보려다가 실패했다.

투비컨티뉴...
회고
바보 멍청이를 잘 이해시켜주는 좋은 강의를 인프런에서 찾았다. 기존에 듣던 강의와 병행하면 좋은 성과를 낼 수 있을 것 같다. 오늘 배운 내용을 아무 힌트도 없이 한 번 구현해 보고 침대로 가야겠다. 내일도 화이팅...!
More to read
프론트엔드와 백엔드 사이
HTTP 상태 코드는 프론트엔드에서 백엔드로 보냈던 요청의 수행 결과를 의미하는 일종의 약속이며, API를 구성하는 핵심 요소 중 하나입니다. 상태 코드와 관련하여, 백엔드는 잘 모르는 프론트엔드의 슬픈 사정이 있습니다.아래는 요청이 실패했음에도, 백엔드에서 상태 코드
JWT토큰 관리 방식 톺아보기
0. 들어가며 🎯 서비스에 접근하려는 사용자가 누구인지 확인하는 과정을 사용자 인증이라고 합니다. 인증된 사용자에게 주어진 권한을 확인하는 작업은 인가라고 부릅니다. 이번 글에서는 인가는 다루지 않습니다. 사용자 인증에는 많은 방식이 있지만, 오늘은 세션 인증 방
A2AA2A / MCP 멀티 에이전트 오케스트레이션
0. 들어가며 ✍️ Google for Developers에, 레스토랑 공급망 시나리오로 엮은 6대 프로토콜(MCP, A2A, UCP, AP2, A2UI, AG-UI)에 대한 가이드가 게시된 이후, MCP와 A2A부터 구현해 보는 것이 좋을 것 같다는 생각이 들었습니