grace's dev_note

데이터 타입은 값의 종류를 말합니다. 자바스크립트는 7개의 데이터 타입을 제공합니다. 각 타입은 원시 타입과 객체 타입으로 분류할 수 있습니다. 구분 데이터 타입 설명 원시타입 숫자 타입 숫자, 정수와 실수 구분 없이 하나의 숫자 타입만 존재 문자열 타입 문자열 불리언 타입 논리적 참과 거짓 undefined 타입 var 키워드로 선언된 변수에 암묵적으로 할당되는 값 null 타입 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 심벌 타입 ES6에서 추가된 7번째 타입 객체타입 객체, 배열, 함수 등 개발자는 명확한 의도를 가지로 타입을 구별해서 값을 생성할 것이고, 자바스크립트 엔진은 타입을 구별해서 값을 취급합니다. 자바스크립트가 제공하는 데이터 타입의 특징을 살펴봅시다. 숫자 타입 C나 자바의 ..

map / filter map 메소드 forEach와 비슷하게 배열의 요소를 하나씩 살펴보면서 반복 작업을 하는 메소드. 단, 첫 번째 아규먼트로 전달하는 콜백 함수가 매번 리턴하는 값들을 모아서 새로운 배열을 만들어 리턴하는 특징이 있다. const numbers = [1, 2, 3]; const twiceNumbers = numbers.map((element, index, array) => { return element * 2; }); console.log(twiceNumbers);// (3) [2, 4, 6]_텍스트_ const FRUITS = [ { number: 1, title: "레드향" }, // 1 레드향 { number: 2, title: "샤인머스켓" }, // 2 샤인머스켓 { num..

조건부 렌더링 false값을 리턴하는 값 0 '' false null undefined Optional chaining data 값이 false일 경우 리턴하도록 사용 // default value로 사용 data || data.fetchProfile Nullish coalesing data의 값이 null 혹은 undefined 일 때 리턴하도록 할 때 사용 data ?? data.fetchProfile 폴더구조 체계화 Container - Presenter 패턴 React의 가장 기본적인 디자인 패턴으로 기존의 싱글파일 컴포넌트 형태로 사용 시 컴포넌트내부에 ui와 로직 api호출들이 점점 많아지게 되면서 가독성이 떨어지는 부분을 보완할 수 있는 좋은 방법이다. container pre..

드디어 2일차 :) 오늘은 react의 핵심 Component, State에 대해서 배웠다! React 란 javascript를 기반으로 한 라이브러리이다. 최근에는 사용자가 급속도로 증가하고 그 규모가 커지면서 프레임워크라고 인정되는 추세이다. react는 컴포넌트를 기반으로 다양한 형식의 데이터를 쉽게 전달할 수 있고, DOM과는 별개를 관리할 수 있다. 그렇다면 컴포넌트란 무엇일까 Component UI 또는 기능을 부품화하여 재사용 가능하게 하는 것으로 기존에 각 요소를 하나하나 바꿔주어야하는 번거로움에서 벗어나 원본 컴포넌트 하나로 연결된 컴포넌트를 통제할 수 있다. 컴포넌트를 만드는 방법에는 두 가지가 있다. 1. Class형 2. Function형 기존에는 클래서형을 많이 사용하였으나 코드 ..