본 내용은 책 모던 자바스크립트 Deep Dive 의 내용을 참조했습니다.배열 이란 여러 개의 값을 순차적으로 나열한 자료구조다.배열도 사실 객체다.객체는 키와 값으로 이루어져 있다.배열은 값만 가지고 있지만, 엄밀히 말하면 인덱스라는 키가 자동적으로 부여된다.즉 배열

CSS FLEX 를 익히는 게임을 찾았다.https://flexboxfroggy.com/24단계 까지 패스하면 합격개구리가 춤을 춘다.1~24 단계 까지 있으며 난이도는 쉬운편1번정도 가볍게 연습하기 좋은것 같다.

본 내용은 책 모던 자바스크립트 Deep Dive 의 내용을 참조했습니다.자바스크립트에서 객체는 부모 역할을 하는 객체의 프로퍼티나 메서드를 상속받는다이렇게 상속해주는 부모 객체를 프로토타입객체 혹은 프로토타입 이라고 한다.프로토타입이 필요한 이유를 알아보자.생성자 함

자바스크립트 엔진은 프로퍼티를 만들때 프로퍼티 어트리뷰트를 기본값으로 자동 정의한다.데이터 프로퍼티는 키와 값으로 이루어진 흔히 아는 프로퍼티다.프로퍼티 안에는 다음과 같은 속성이 있다.만약 프로퍼티의 속성을 확인하려면 ?Object.getOwnPropertyDescr

본 내용은 책 모던 자바스크립트 Deep Dive 의 내용을 참조했습니다.자바스크립트에는 7개의 데이터 타입이 있다.원시타입 - 문자,숫자,불리언,null,undefined,심볼 객체 - 객체,배열,함수 등등데이터 타입을 왜 나눈것일까?이유를 알기 위해서는 먼저 두 타

본 내용은 책 모던 자바스크립트 Deep Dive 의 내용을 참조했습니다.자바스크립트의 모든 값은 데이터 타입을 가진다.

본 내용은 책 모던 자바스크립트 Deep Dive의 내용을 참조했습니다.변수는 하나의 값을 저장하기 위해 메모리 를 초기화 하고 식별할수 있는 역할을 한다.변수를 식별자(identifier) 라고도 부르며 무언가를 식별할수 있는 고유의 이름을 뜻한다식별자는 어떠한 메모

React.createElement() 는 리액트에서 제공하는 함수다.JSX 라는 쉬운 문법이 존재하지만 그 원리는 React.createElement 에 있으므로이 함수를 배울 필요가 있다.React.createElement 에는 3가지 인자가 들어간다Type / p

컴퓨터 과학에서 재귀란 자기 자신을 계속 호출하는 것을 의미한다.제곱근을 구하는 함수는 보통 for문을 사용한다.하지만 재귀함수를 사용하면 다음과 같이 구현할수 있다.삼항 연산자를 사용하면 더 간결하게 가능그럼 재귀함수는 왜 사용하는걸까?우선 코드가 짧다.코드가 짧기때

API URI 를 설계하기 위해서 가장 중요한것은 자원 그 자체에 초점을 둬야합니다.회원 목록 조회회원 조회회원 등록회원 수정회원 삭제여기서 리소스는 회원 입니다. 행위는 포함하지 않습니다.미네랄을 캐라 에서 미네랄 만 리소스인것 처럼API URI를 설계를 할때도 회원

HTTP란 (HyperText Transfer Protocol)의 약어이자 W3 에서 정보를 주고받을수 있는 통신 규약 입니다. 처음에는 HTML 을 주고받는데 사용되었지만, 현재에는 이미지,영상,JSON,XML,서버간의 데이터사실상 모든곳에서 HTTP를 사용하고 있습

본 게시글은 인프런 김영한 님의 모든 개발자를 위한 HTTP 웹 기본 지식 을 기반으로 작성되었습니다.인터넷 프로토콜(IP, Internet Protocol)은 인터넷에서 정보를 주고 받을때 사용하는 규약입니다.인터넷 프로토콜은 다음과 같은 일을합니다.지정한 ip 주소

private 속성을 가진 클래스에서 인스턴스를 만들면 인스턴스 전체에는 접근할수 있지만 인스턴스의 속성에는 접근할수 없습니다.이때 게터와 세터를 사용하면 private 을 유지하면서도 접근이 가능합니다.get - 인수가 없는 함수로, 프로퍼티를 읽을 때 동작함set

ES6와 마찬가지로 타입스크립트에서도 클래스를 지원합니다.클래스는 생성자함수 없이 사용 할수도 있습니다.클래스 안에는 값을 할당해야합니다.하지만 클래스 내부에는 이름만 외부에 값을 선언하고 싶을때에는tsconfig 에서 strict 모드를 끄거나 :앞에 !표를 붙여줍니

인터페이스란? 타입스크립트에서 만족하는 타입 규격을 사용자가 정해두는것 즉 미리 interface name {} 형식으로 선언해두면 타입처럼 써먹을수 있습니다.

최상위 속성 타입스크립트 에는 9가지의 최상위 속성이 있습니다 compilerOptions (tsc --init 시 자동생성) compileOnSave extends files include exclude references ts-node typeAcquisitio

타입스크립트는 기본적으로 타입 추론을 제공합니다.타입에 대해 명시하지 않으면 TS 자체에서 판단하고 명시하죠하지만 추론이란 어디서 부터 어디까지를 기준으로 두는것인지 애매하기 때문에tsconfig.json 파일에서 설정할수 있도록 만들었습니다.(많은 설정들이 보인다)현

JavaScript 는 약타입 언어입니다. 형 변환이 자유롭기때문에 의도하지않은 오류가 발생하고또 컴파일 이후에 오류를 체크할수 있습니다.하지만 TypeScript 는 일일히 타입을 지정해줘야 하기때문에다소 번거로울수 있지만 코딩이 안정적이고 작성중에도 오류를 알아 차

4번 반복 합니다. @for $i from 1 to 5 { } 순전히 이렇게 사용하는건 뭔가 비효율적 입니다. 그래서 보통 인접 형제의 순서를 나열할때 유용합니다. 자바스크립트에서의 보간은 ${} 지만 SCSS 에서는 \` 대부분의 모니터 비율은 16:9 입니다. 이를

SCSS 😀 SCSS 는 CSS 를 좀더 쉽게 작성시켜주는 전처리기(Compiler) 입니다. 가장 눈에 뛰는 이점은 중첩을 간소화 시켜줍니다. CSS는 하위 요소를 늘릴때마다 상위 요소를 전부 적어줘야 합니다. 하지만 SCSS 는 프로그래밍 언어 처럼 중첩을 지