post-thumbnail

훅(hook)

Hook은 React 버전 16.8부터 React요소로 새로 추가되었습니다. Hook을 이용하여 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 가능을 사용할 수 있습니다.\*\*반복문, 조건문, 중첩 함수(nested function)(h

2023년 6월 1일
·
0개의 댓글
·
post-thumbnail

컴포넌트(component)

위 두 함수 모두 단일 객체 형태를 파라미터로 받은 후, React 엘리먼트(element)를 반환하므로, 올바른 React 컴포넌트라고 할 수 있다.React에선 이런 단일 객체 형태를 props(프로퍼티, properties)이라 부른다.

2023년 5월 31일
·
0개의 댓글
·
post-thumbnail

JSX(javascript XML)

JSX(javascript XML)는 자바스크립트의 확장 문법이다.JSX는 자바스크립트 공식 문법은 아니다. 그러나 대다수의 React 개발자는 JSX 문법을 사용하며, React 공식 문서에서도 JSX 문법의 사용을 적극 권장한다.JSX는 HTML 태그에서 자바스크립

2023년 5월 31일
·
0개의 댓글
·
post-thumbnail

가상 돔(virtual DOM)

The virtual DOM (VDOM) is a programming concept where an ideal, or “virtual”, representation of a UI is kept in memory and synced with the “real” DOM

2023년 5월 31일
·
0개의 댓글
·
post-thumbnail

브라우저 렌더링(browser rendering)

## 파싱(parsing) > ** 데이터를 분해, 분석하여 원하는 형태로 조립하고 다시 빼내는 프로그램(파서, parser)을 이용해, 주어진 데이터를 원하는 형태로 가공하여 서버에서 불러들이는 것이다.**

2023년 5월 31일
·
0개의 댓글
·
post-thumbnail

프로퍼티 어트리뷰트(property attribute)

내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티(pseudo property)와 의사 메서드(pseudo method)이다.ECMAScript 사양에 등장하는 이중 대괄호로 감싼 이름들이

2023년 5월 23일
·
0개의 댓글
·
post-thumbnail

var, let, const 키워드

위 예제의 x 변수와 y 변수는 중복 선언되었다.이 때 자바스크립트 엔진에 의해 초기화 문이 있는 변수 선언문(1)은 var 키워드가 없는 것처럼 동작하고, 초기화문이 없는 변수 선언문(2)은 무시된다.var 키워드로 선언한 변수는 함수의 코드 블록만을 지역 스코프(l

2023년 5월 23일
·
0개의 댓글
·
post-thumbnail

전역 변수(global variable)

변수의 범위를 최소화 하라Effective Java Item.57전역 변수는 말 그대로 전역, 즉 코드 어디서든 참조하고 할당할 수 있는 변수를 사용하겠다는 것이다. 이 말은 전역 변수는 모든 코드가 변경하고 참조할 수 있는 암묵적 결합(implicit coupling

2023년 5월 23일
·
0개의 댓글
·
post-thumbnail

유효범위(scope, 스코프)

모든 식별자(변수 이름, 함수 이름, 클래스 이름 ...)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위(scope, 스코프)가 결정된다. 이를 스코프라 한다.자바스크립트 엔진은 이름이 같은 두 개의 변수 중에서 어떤 변수를 참조해야

2023년 5월 23일
·
0개의 댓글
·
post-thumbnail

함수(function)

입력(input)을 받아 출력(output)을 내보내는 일련의 과정을 정의한 것수학에서의 함수는 위와 같다. 예를 들어,위와 같은 함수와 입력 값이 존재 한다면,위와 같은 식이 성립한다.즉 함수는 마치 재료를 투입받아 제품을 생산하는 기계와 같은 일을 한다.함수를 실행

2023년 5월 23일
·
0개의 댓글
·
post-thumbnail

객체(Object)

자바스크립트에서 원시 값(primitive value)을 제외한 나머지 값(함수, 배열, 정규 표현식, ...) 은 모두 객체(object)이다.원시 타입은 단 하나의 값(value)만 표현 할 수 있다. 그러나 객체는 다양한 타입의 원시값 혹은 다른 객체 타입이 하나

2023년 5월 23일
·
0개의 댓글
·
post-thumbnail

연산자(operator)

자바나 C와 같이 변수의 타입을 변수 선언 때 정의하는 정적 타입 언어(static type language)와 달리 파이썬이나 자바스크립트는 변수의 할당에 의해 타입이 결정(타입추론, type inference)되는 동적 타입 언어(dynamic type langua

2023년 5월 23일
·
0개의 댓글
·
post-thumbnail

정규화(Normalization)

관계형 데이터베이스(Relational Database)의 설계에서 중복을 최소화하게 데이터를 구조화하는 프로세스관계형 모델을 기반으로 한 관계형 데이터베이스지만, 사실 정규화 이론은 관계형 모델의 일부라고 볼 순 없다. 정규화가 되지 않은 릴레이션이라도 정규화가 된

2023년 5월 23일
·
0개의 댓글
·
post-thumbnail

릴레이션(Relation)

우리는 SQL(Structured Query Language)을 이용해 테이블을 조작한다.관계형 데이터베이스는 일련의 데이터의 관계(Relation, 릴레이션)를 정의한 관계 그 자체로 데이터를 관리한다. 우리는 그 관계에 질의(Query)를 던져 다양한 연산을 수행한

2023년 5월 23일
·
0개의 댓글
·
post-thumbnail

관계형 모델(Relational Model)

관계형 모델(relational model)은 술어 논리와 집합론에 기반을 둔 일종의 데이터베이스 모델이다.관계형 데이터베이스(Relational Database)는 관계형 모델을 바탕으로 구현되었다.관계형 데이터베이스 관리 시스템(relational database

2023년 5월 23일
·
0개의 댓글
·
post-thumbnail

추상 팩토리 패턴(Abstract Factory Pattern)

객체 생성을 담당하는 구체 클래스를 상세하게 정의하지 않고도, 서로 의존성이 있거나 독립적인 여러 객체의 집합을 생성하기 위한 추상 클래스 혹은 인터페이스를 정의한다.full sourceBluetoothSupport블루투스 기능을 구현하기 위한 규약이 모인 인터페이스C

2023년 5월 23일
·
0개의 댓글
·
post-thumbnail

빌더 패턴(Builder Pattern)

객체를 생성(클래스의 인스턴스를 만드는 절차), 합성(Compositon) 하는 방법을 기존 클래스에서 분리한다.(SOLID, Single Responsibility Principle : 단일 책임 원칙)필요시 클래스의 인스턴스(instance)를 만드는 절차, 과정을

2023년 5월 23일
·
0개의 댓글
·
post-thumbnail

싱글톤 패턴(Singleton Pattern)

구조 패턴은 클래스나 객체들을 조합해 더 큰 구조로 만들 수 있게 해주는 패턴이다.\*구조 클래스 패턴은 상속(extends), 확장(implements)을 통해 클래스나 인터페이스를 합성한다. \*구조 객체 패턴은 객체를 합성(composition)하는 방법을 정의한

2023년 5월 23일
·
0개의 댓글
·
post-thumbnail

데코레이터 패턴(Decorator Pattern)

구조 패턴은 클래스나 객체들을 조합해 더 큰 구조로 만들 수 있게 해주는 패턴이다.구조 클래스 패턴은 상속(extends), 확장(implements)을 통해 클래스나 인터페이스를 합성한다.구조 객체 패턴은 객체를 합성(composition)하는 방법을 정의한다.htt

2023년 5월 23일
·
0개의 댓글
·
post-thumbnail

리스코프 치환 원칙(Liskov Substitution Principle)

자료형 S가 자료형 T의 하위형이라면, 필요한 프로그램의 속성(정확성, 수행하는 업무 등)의 변경 없이 자료형 T의 객체를 자료형 S의 객체로 교체(치환)할 수 있어야 한다는 원칙이다.즉 자료형 S가 자료형 T의 하위형이라면, 프로그램에서 자료형 T의 객체는 프로그램의

2023년 5월 23일
·
0개의 댓글
·