useRef

Recording/멋쟁이사자처럼 BE 13기

[멋쟁이사자처럼 부트캠프 TIL 회고] BE 13기_30일차_"리액트 Todo"

🦁멋쟁이사자처럼 백엔드 부트캠프 13기 🦁TIL 회고 - [30]일차🚀30일차에는 리액트로 Todo리스트를 구현하면서 추가, 삭제, 수정 기능을 어떻게 구현하면 좋을지 배울 수 있었다.useState가 중요하게 자주 쓰였고 props로 함수객체와 데이터객체를 전달하여 다른 컴포넌트에서 수행한 값을 전달할 수 있었다. 회고를 통해 코드를 다시 해석해봐야겠다고 생각했다. Todo 리스트 만들기전체 컴포넌트를 감싸는 컴포넌트 = TodoBox 컴포넌트그 안에서 Input을 받는 Todo = TodoInput 컴포넌트Todo들을 보여주는 컴포넌트 = TodoList 컴포넌트추가 기능할 일 입력 후 엔터 입력 시 “할일이 등록되면서” 리스트에 정보 출력 (input태그에 이벤트onKeyDown 활용)리스트의..

Recording/멋쟁이사자처럼 BE 13기

[멋쟁이사자처럼 부트캠프 TIL 회고] BE 13기_29일차_"useState, useRef"

🦁멋쟁이사자처럼 백엔드 부트캠프 13기 🦁TIL 회고 - [29]일차🚀29일차에는 상태관리를 할 수 있는 useState와 DOM객체를 참조할 수 있는 useRef에 대해서 배웠다.또한 부모-자식으로 묶여있는 컴포넌트들을 한번에 가져와 화면에 반영해볼 수 있었다. 범위는 적었지만 그 안에서 새롭게 배운것이 많아서 이번 회고를 통해 정리를 잘 해놔야겠다고 생각했다.여러 컴포넌트 전달 ▶️실습 - XML 요소(Element)안의 내용들을 props로 전달XML요소 Helloprops.children : props가 가지고 있는 내용을 전달Parent.jsfunction Parent(props){ return( {props.children} )}ex..

LEFT
'useRef' 태그의 글 목록