한입크기로잘라먹는리액트 [Udemy] React 기본 - 일기장 만들기(2) src/App.js src/DiaryEditor.js ☑️ 사용자 입력을 받는 form (input, textarea) 요소에 특정 길이 이상의 입력이 제대로 들어왔는지 확인하는 코드 작성 ☑️ const handleSubmit : 일기 저장하기 버튼을 눌렀을 때 수행되는 함수를 수정 ☑️ 작성자란(input)에 1글자 미만, 일기본문(textarea)가 5글자 미만일 경우 조건 추가 (al... useRefproject유데미udemy한입크기로잘라먹는리액트DOM리액트DOM [Udemy] React - CRA, JSX, State, Props ☑️ node_modules : 많은 모듈 패키지 설치, node_modules가 없거나 지워져도 package.json이나 package-lock.json 또는 npm i로 다시 설치할 수 있음. ☑️ 컴포넌트 방식 : JSX 문법을 사용해서 웹에 필요한 요소를 함수에 담아서 리턴 후 내보내서 index.js같은 다른 파일에서도 사용할 수 있게 함 ☑️ ESModule System : Co... JSXState유데미udemy한입크기로잘라먹는리액트ReactPropsCRA리액트CRA 한 입 크기로 잘라먹는 React - Day 6 리액트는 컴포넌트 기반의 UI 라이브러리이기 때문에 중복 코드를 수정해야 할 때 중복된 코드가 많다면 수정해야 할 게 많아짐 ‘컴포넌트화' 방식을 사용해서 수정 시 공수를 줄일 수 있음 리액트는 선언형 프로그래밍이기 때문에 jQuery: 명령형 프로그래밍 (절차를 하나하나 다 나열해야 함) 선언형 프로그래밍: 목적을 바로 얘기함 발생되는 변화를 가상의 DOM에 미리 업데이트를 시킨 다음에..... 한입크기로잘라먹는리액트리액트공부리액트공부 한 입 크기로 잘라먹는 React - Day 7 🗓 진행일: 2022.04.16 MyHeader, MyFooter js 파일 만들어서 App.js에서 불러오기 MyHeader.js App.js React에서 지켜야 하는 몇 가지 규칙 닫힘 규칙: 여는 태그가 있다면 반드시 닫는 태그도 존재해야 한다 (그래서 Image, br 같은 태그는 열자마자 닫아줘야 한다 → 셀프 클로징 태그) 최상위 태그 규칙: return 하는 컴포넌트는 반드시 ... 한입크기로잘라먹는리액트리액트공부리액트공부 [JavaScript for React] 응용1 복습 (Udemy) 💬 함수,객체,배열 응용하여 다루기연습 💬 이 강의 나만 보기 아깝다(널리널리 알려지기를..) 입문자레벨 눈높이에 맞춰 이해하기 쉽게 설명해준다 강의력 👍 자바스크립트에 막막했는데 내가 💩멍청이는 아니구나를 알게해준 강의….. 강사가 OKKY에서 한 리액트 세미나도 어제 추가로 들어봤는데 나중에 리액트 포스팅때도 올릴 생각 📌 Truthy & Falsy ✔️ 핵심 Point Truthy 참 ... udemy유데미한입크기로잘라먹는리액트자바스크립트udemy
[Udemy] React 기본 - 일기장 만들기(2) src/App.js src/DiaryEditor.js ☑️ 사용자 입력을 받는 form (input, textarea) 요소에 특정 길이 이상의 입력이 제대로 들어왔는지 확인하는 코드 작성 ☑️ const handleSubmit : 일기 저장하기 버튼을 눌렀을 때 수행되는 함수를 수정 ☑️ 작성자란(input)에 1글자 미만, 일기본문(textarea)가 5글자 미만일 경우 조건 추가 (al... useRefproject유데미udemy한입크기로잘라먹는리액트DOM리액트DOM [Udemy] React - CRA, JSX, State, Props ☑️ node_modules : 많은 모듈 패키지 설치, node_modules가 없거나 지워져도 package.json이나 package-lock.json 또는 npm i로 다시 설치할 수 있음. ☑️ 컴포넌트 방식 : JSX 문법을 사용해서 웹에 필요한 요소를 함수에 담아서 리턴 후 내보내서 index.js같은 다른 파일에서도 사용할 수 있게 함 ☑️ ESModule System : Co... JSXState유데미udemy한입크기로잘라먹는리액트ReactPropsCRA리액트CRA 한 입 크기로 잘라먹는 React - Day 6 리액트는 컴포넌트 기반의 UI 라이브러리이기 때문에 중복 코드를 수정해야 할 때 중복된 코드가 많다면 수정해야 할 게 많아짐 ‘컴포넌트화' 방식을 사용해서 수정 시 공수를 줄일 수 있음 리액트는 선언형 프로그래밍이기 때문에 jQuery: 명령형 프로그래밍 (절차를 하나하나 다 나열해야 함) 선언형 프로그래밍: 목적을 바로 얘기함 발생되는 변화를 가상의 DOM에 미리 업데이트를 시킨 다음에..... 한입크기로잘라먹는리액트리액트공부리액트공부 한 입 크기로 잘라먹는 React - Day 7 🗓 진행일: 2022.04.16 MyHeader, MyFooter js 파일 만들어서 App.js에서 불러오기 MyHeader.js App.js React에서 지켜야 하는 몇 가지 규칙 닫힘 규칙: 여는 태그가 있다면 반드시 닫는 태그도 존재해야 한다 (그래서 Image, br 같은 태그는 열자마자 닫아줘야 한다 → 셀프 클로징 태그) 최상위 태그 규칙: return 하는 컴포넌트는 반드시 ... 한입크기로잘라먹는리액트리액트공부리액트공부 [JavaScript for React] 응용1 복습 (Udemy) 💬 함수,객체,배열 응용하여 다루기연습 💬 이 강의 나만 보기 아깝다(널리널리 알려지기를..) 입문자레벨 눈높이에 맞춰 이해하기 쉽게 설명해준다 강의력 👍 자바스크립트에 막막했는데 내가 💩멍청이는 아니구나를 알게해준 강의….. 강사가 OKKY에서 한 리액트 세미나도 어제 추가로 들어봤는데 나중에 리액트 포스팅때도 올릴 생각 📌 Truthy & Falsy ✔️ 핵심 Point Truthy 참 ... udemy유데미한입크기로잘라먹는리액트자바스크립트udemy