전체 글 (64) 썸네일형 리스트형 TIL) 생활코딩 React update # 배운 것 - 상태가 Object일 때 useState 사용법 1) 배열이 아닌 객체일때 newValue = {...value} -> 복제본 만들기 newValue 변경 -> 새로운 값 push setValue(newValue) 2) 배열일때 newValue = [...value] -> 복제본 만들기 newValue 변경 -> 새로운 값 push setValue(newValue) # 복습한 것 - 태그 : 정보를 서버로 전달할 때 사용 ex) - 태그 : 하나의 문단을 만들 때 사용. 줄바꾸기 기능 -이벤트 핸들러 onSubmit : submit 버튼 클릭했을 때 발생 # 느낀 것 react는 참 어렵다. state에 따라 동작의 흐름이 달라지니 이를 상상하면서 머릿속으로 굴려보는게 잘 안되네. 여러번.. TIL) React State, Props, 알고리즘, StringifyJSON, TreeUI 학습 내용 - React state & props - React event handler - 알고리즘 문제해결 - 재귀함수 - StringifyJSON, TreeUI React state & props #Props vs State - props : 외부로부터 전달받은 값으로 바꿀 수 없다. 1) 컴포넌트 입력값(property, 속성)으로 사용 2) 부모 컴포넌트로부터 전달받은 값 3) 객체(object) 형태 4) 읽기 전용 - state : 내부에서 변화하는 값. 바꿀 수 있음 - 데이터가 props인지 state인지 확인하는 법 1) 부모로부터 전달되는가? -> props 2) 시간이 지나도 변하지 않는가? -> props 3) 컴포넌트 안에서 다른 state나 props를 갖고 계산 가능한가? -.. TIL) React, SPA, React Router React 기초 학습목표 1. React 3가지 특징 2. JSX는 왜 명시적인가? 3. React 컴포넌트의 필요성 React란? - 프론트 엔드 개발을 위한 오픈소스 툴 - 리액트 3가지 특징 1) 선언형 - 하나의 파일에 HTML/CSS/JS를 함께 작성하게 만듬 2) 컴포넌트 기반 - 하나의 기능을 위해 여러 종류의 코드를 묶어놓아 독립성/재사용성이 좋음 3) 범용성 - 기 작성한 컴포넌트를 기반으로 다른 프로젝트에 붙여서 사용 가능 JSX란? - Javascript XML - React에서 UI를 구성할 때 사용하는 문법으로 Javascript를 확장한 문법이다. - React는 JSX를 사용해 분리되었던 html의 마크업과 javascript의 로직을 component란 유닛을 통합하여 한 번.. 이전 1 ··· 15 16 17 18 19 20 21 22 다음
