코드에 빠지다

동적 테이블 구현 검색 결과

해당 글 2건

[React] useState hook - 동적 테이블 구현

[React] useState hook - 동적 테이블 구현 useState hook - 동적 테이블 구현 이번 게시글에서는 state를 이용하여 간단한 동적 테이블을 구현해보자 이름과 나이만 있는 직원 리스트를 구현해보자. 실습 코드가 필요한 경우 핵심 코드만 작성할 것이다. 전체 코드는 링크해둔 url에서 확인할 수 있다. 최종 코드 보러가기 : 링크. ◆ 동적 테이블 구현하기 구현할 동적 테이블 기능은 아래와 같다. 항목 : 이름, 나이 항목 추가 항목 삭제 항목 내용 변경 그럼 위 기능을 가진 state는 어떤 구조일까? 를 생각해보아야 한다. 테이블 데이터이니 배열 형태의 구조를 가지고 있을 것이다. 또한 이름과 나이를 가지고 있으니 최종 모습은 아래와 같을 것이다. - 초기 값은 빈 배열 - ..

공유/React, Next 2022. 6. 11. 05:14

[Legacy][React] state를 사용한 To Do List, 동적 테이블

[React] state를 사용한 To Do List, 동적 테이블 그 다음 게시글로 useRef에 대해 알아보려고 하다가, 바로 넘어가는 것보다는 해당 개념에 대해 조금이라도 더 이해할 수 있도록 간단한 프로젝트를 진행해보려고 한다. 많은 입문자들이 구현하는 할 일 리스트, To Do List를 구현해볼 것이다. 기능은 아주 간단한게 할 일이 없는 경우는 없다는 메시지, 할 일 리스트에서는 추가, 삭제 기능을 구현할 것이다. 아주 간단한 동적 테이블을 구현한다고 생각해도 좋다. 프로젝트 전체 코드는 이 링크를 클릭하여 다운 받을 수 있도록 하자. To Do List 우선 완성된 이미지부터 확인해보자. 아주 간단하게 수행률과 할 일 리스트로 화면이 구성되어 있다. (기본적인 레이아웃 구조, css는 설명..

기타 (+ Legacy)/Legacy 2021. 3. 31. 18:31