모던 리액트 Deep Dive - 클래스
·
Study/모던 리액트 Deep Dive
⚡리액트 개발을 위해 꼭 알아야할 자바스크립트 - 1.3 클래스 1.3.1 클래스란 무엇인가?💡자바스크립트의 클래스란특정한 형태의 객체를 반복적으로 만들기 위해 사용되는 것// 클래스 예제// Car 클래스 선언class Car { // constructor는 생성자. 최초에 생성할 때 어떤 인수를 받을지 결정할 수 있으며, // 객체를 초기화하는 용도로도 사용 constructor(name) { this.name = name } // 메서드 honk() { console.log(`${this.name}이 경적을 울립니다!`) } // 정적 메서드 static hello() { console.log('저는 자동차입니다.') } // setter set age(val..
모던 리액트 Deep Dive - 함수
·
Study/모던 리액트 Deep Dive
⚡리액트 개발을 위해 꼭 알아야할 자바스크립트 - 1.2 함수함수의 다양한 형태와 이러한 함수의 차이점이 무엇인지 살펴보자!1.2.1 함수란 무엇인가?🌚자바스크립트에서 함수란?작업을 수행하거나 값을 계산하는 동의 과정을 표현하고, 하나의 블록으로 감싸서 실행 단위로 만들어 놓은 것💡리액트에서 컴포넌트를 만드는 함수 형태function Component(props){ return {props.hello}}1.2.2 함수를 정의하는 4가지 방법1. 함수 선언문표현식이 아닌 일반 문(statement)으로 분류됨표현식: 무언가 값을 산출하는 구문. 즉, 함수 선언으로는 어떠한 값도 표현되지 않았으므로 표현식이 아닌 일반 문으로 분류2. 함수 표현식함수는 다른 함수의 매개변수가 될 수도 있고, 반환값이 될수..
모던 리액트 Deep Dive - 자바스크립트의 동등 비교
·
Study/모던 리액트 Deep Dive
⚡리액트 개발을 위해 꼭 알아야할 자바스크립트 - 1.1 자바스크립트의 동등 비교리액트 코드의 기반이 되는 자바스크립트에 대해 먼저 알아보자!1.1.1 자바스크립트의 데이터 타입자바스크립트의 모든 값은 데이터 타입을 갖고 있으며, 데이터 타입은 크게 원시타입과 객체타입으로 나눠진다.💡데이터 타입원시타입(private type)객체타입(object/reference type)booleannullundefinednumberstringsymbolbigintobject💡참고할 사이트https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects 표준 내장 객체 - JavaScript | MDN아래 전역 속성은 간단한 값을 반환하며 속..