리액트공부 한 입 크기로 잘라먹는 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 하는 컴포넌트는 반드시 ... 한입크기로잘라먹는리액트리액트공부리액트공부 한 입 크기로 잘라먹는 React - Day 2 🗓 진행일: 2022.04.06(수) 함수 표현식 함수를 값(변수)에 담을 때는 이름을 굳이 지정해주지 않아도 된다 (무명함수) 화살표 함수 함수 표현식, 화살표 함수는 호이스팅의 대상이 아님 → 선언한 다음에야 사용할 수 있음 함수를 매개변수로 보내줘서 걔를 call 할 수 있도록 했음 (= 함수 표현식) 함수명만 보내줘서 실행은 하지 않고, 이름만 보내면 거기서 실행... Non-Prim... 한입크기로잘라먹는리액트리액트공부리액트공부 한 입 크기로 잘라먹는 React - Day 3 🗓 진행일: 2022.04.07 (새벽) 자바스크립트의 조건식에는 boolean형을 넣지 않아도 참 또는 거짓으로 인식을 하는 기능이 있다. Truthy (참 같은 값): 빈 배열 [], 객체 리터럴 {}, 숫자, 문자열 “0”, 문자열 “false”, Infinity Falsy (거짓 같은 값): null, undefined, 숫자 0, -0, NaN, “” (빈 문자열) 이걸 어따 쓰냐면... 한입크기로잘라먹는리액트리액트공부리액트공부
한 입 크기로 잘라먹는 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 하는 컴포넌트는 반드시 ... 한입크기로잘라먹는리액트리액트공부리액트공부 한 입 크기로 잘라먹는 React - Day 2 🗓 진행일: 2022.04.06(수) 함수 표현식 함수를 값(변수)에 담을 때는 이름을 굳이 지정해주지 않아도 된다 (무명함수) 화살표 함수 함수 표현식, 화살표 함수는 호이스팅의 대상이 아님 → 선언한 다음에야 사용할 수 있음 함수를 매개변수로 보내줘서 걔를 call 할 수 있도록 했음 (= 함수 표현식) 함수명만 보내줘서 실행은 하지 않고, 이름만 보내면 거기서 실행... Non-Prim... 한입크기로잘라먹는리액트리액트공부리액트공부 한 입 크기로 잘라먹는 React - Day 3 🗓 진행일: 2022.04.07 (새벽) 자바스크립트의 조건식에는 boolean형을 넣지 않아도 참 또는 거짓으로 인식을 하는 기능이 있다. Truthy (참 같은 값): 빈 배열 [], 객체 리터럴 {}, 숫자, 문자열 “0”, 문자열 “false”, Infinity Falsy (거짓 같은 값): null, undefined, 숫자 0, -0, NaN, “” (빈 문자열) 이걸 어따 쓰냐면... 한입크기로잘라먹는리액트리액트공부리액트공부