React 썸네일형 리스트형 [React 공식문서 스터디] Managing State_ #1. Reacting to Input with Sate #2. Choosing the State Structure #1. Reacting to Input with Sate : state 구조 선택 - 선언형 UI 프로그래밍과 명령형 UI 프로그래밍의 차이점 - 컴포넌트가 있을 수 있는 다양한 시각적 state를 열거하는 방법 - 코드에서 다른 시각적 state 간의 변경을 촉발하는 방법 선언형 UI와 명령형 UI의 차이점 - 폼 에 입력 → "submit" 버튼 활성화 - "submit" 버튼 누르면 → 폼과 버튼이 비활성화, spinner 나타남 - 네트워크 요청 성공 → 폼 사라지고, "Thank you" 메시지 나타남 - 네트워크 요청 실패 → 오류 메시지 나타남, 폼 다시 활성화 명령형 프로그래밍에서 위의 내용은 인터렉션을 구현하는 방법에 직접적으로 해당 각 요소에 "명령" 을 내려 컴퓨터에 어떻게 UI 를 .. 더보기 [React 공식문서 study] #0. react 개요 Creating and nesting componets 컴포넌트 생성 및 중첩하기 react 앱은 컴포넌트로 만들어진다. 컴포넌트는 고유한 로직과 모양을 가지 UI(사용자 인터페이스) 이 일부이다. react components 는 마크업을 반환하는 javascript 함수이다. function MyButton() { return ( btn ) }export default function MyApp() { return ( Welcome! 🔥 ) }다른 컴포넌트에 MyButton 을 중첩할 수 있다. ⚡️ 리액트 컴포넌트 이름은 항상 대문자로 시작해야 한다 ⚡️ HTML 태그는 소문자로 시작 Writing markup with JSX jsx로 마크업 작성하기 리액트 프로젝트는 편의성을 위해 JSX 를 사용.. 더보기 React 초기 설정 _ ( git, node.js , yarn ) React 설정&설치 초기 설정 🔻 터미널 : iTerm 사용 https://iterm2.com/downloads.html Downloads - iTerm2 - macOS Terminal Replacement iterm2.com 🔻 node.js https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 🔻 git https://git-scm.com/downloads Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git s.. 더보기 이전 1 다음
