null과 undefined

null null은 자바스크립트의 원시 값 중 하나로, 어떤 값이 의도적으로 비어있음을 표현하며 불리언 연산에서는 거짓으로 취급한다. null은 undefined와 같이 전역 객체의 속성에 대한 식별자가 아니다. 즉, undefined는 모든 전역 객체의 대한 식별

2022년 6월 13일
·
0개의 댓글
post-thumbnail

[JavaScript 기본상식 3] js와 node 차이

node.js는 크롬의 자바스크립트 엔진인 v8을 이용한다.자바스크립트는 스크립트 언어로써 특정한 환경(브라우저)에서만 사용가능한데 node.js는 특정한 환경(브라우저) 없이도 사용이 가능하다.자바스크립트를 크롬 같은 브라우저에서만 사용되는 것이 아닌 브라우저 밖인

2022년 6월 5일
·
0개의 댓글

[JavaScript 기본상식 2] ES6의 특징

ES(ECMAScript)란 자바스크립트를 표준화 하기 위해 만들어진, ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어이다.ES6 이전에는 var를 이옹해 변수 선언을 하였다.ES6로 넘어오면서 변수 선언 방법이 두가지가 추가 되었는데

2022년 6월 2일
·
0개의 댓글

[JavaScript 기본상식 1] ==, === 차이점

자바스크립트에서 비교 연산자는 ==, ===이 있다.앞에 = 하나를 !로 바꾸면 반대되는 의미가 되면서 다른지를 비교를 하게 된다.그러면 ==과 ===의 차이는 무엇이냐==는 Equal Operator이고, ===는 Strict Equal Operator이다.==는 값

2022년 5월 31일
·
0개의 댓글

promise vs callback

callback callback 함수란 함수의 인자로 위와 같이 함수의 인자로 넘겨주는 함수를 콜백 함수라고 한다. map과 같은 메서드 형태에서 주로 보인다. 이는 주로 비동기 처리에서 동기 처리를 할 때 callback 패턴을 사용한다. 예를 들어 위와 같이

2022년 5월 30일
·
0개의 댓글

this binding

this this 라는 키워드는 다른 언어에서도 많이 사용된다. 하지만 자바스크립트에서는 다른 언어들과는 다르게 동작을 한다. 대부분의 경우 this의 값은 함수를 호출한 방법에 의해 결정이 된다. 실행중에는 할당으로 설정할 수 없고 함수를 호출할 때 마다 다를 수

2022년 5월 29일
·
0개의 댓글

JS V8 Engine

V8 V8은 웹 브라우저를 만드는데 기반을 제공하는 구글에서 개발한 오픈소스 자바스크립트 엔진이다. V8은 자바스크립트 코드를 실행 전에 최적화된 머신 코드로 컴파일하는 엔진이다. 즉, V8은 자바스크립트 코드를 받아 컴파일하고 실행하는 C++ 프로그램이다. 크롬

2022년 5월 28일
·
0개의 댓글
post-thumbnail

Event Loop

이벤트 루프(Event Loop)란? 이벤트 루프(Event Loop)는 브라우저 메인 스레드 동작 타이밍을 관리하는 관리자 라고 할 수 있다. 여기서 메인 스레드란 자바스크립트 코드 실행이나 브라우저 렌더링을 맡는 브라우저의 주된 동작이 수행되는 곳이다. 즉, 코드

2022년 5월 26일
·
0개의 댓글

OOP vs FP

OOP는 Object Oriented Programming 의 약자로 class와 object에 기반한 프로그래밍 패러다임 이다.OOP는 관련된 데이터끼리 묶어 class를 형성하고 그 안에서 object instance를 만듬으로써 프로그램을 디자인 해준다.코드의 재

2022년 5월 25일
·
0개의 댓글
post-thumbnail

NoSQL vs SQL

NoSQL 과 SQL 을 알기전에 먼저 DB(DataBase)에 대해 먼저 알아야 한다.DB란 의미 그래도 데이터를 저장해두는 공간이다.이 DB에 데이터를 저장하는 방식은 크게 두가지가 존재하는데, 그것이 SQL 과 NoSQL 방식이다.SQL은(Structured Qu

2022년 5월 24일
·
0개의 댓글

Atomic Pattern

개요 리액트에서는 컴포넌트를 나누어 개발을 진행을 한다. 이때 대형 프로젝트에서 재사용할 수 있는 컴포넌트들은 필수이다. 이 컴포넌트를 나누는 패턴은 여러가지 있는데 그 중 하나인 아토믹 디자인 패턴을 알아볼 것이다. 아토믹 디자인은 사용자 인터페이스를 작고 단순한

2022년 5월 24일
·
0개의 댓글

TS Generic

Generic을 알기 전에 먼저 타입스크립트를 알아야한다.타입스크립트란 자바스크립트의 타입을 부여하여 강제시키는 언어이다.자바스크립트의 확장된 언어라고 볼 수 있다.더 자세한 내용은 이전에 👉블로그를 참고해보면 좋다.제네릭(Generic)이란 데이터의 타입을 일반화를

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

React-router vs Next-router

먼저 프론트엔드에서 많이 사용하는 프레임워크가 있다.Next 와 React 프레임워크이다.둘이 따로 사용하는 경우도 있지만, 둘을 같이 사용하는 것이 사용할 수 있는 기능면에서 이점이 있다.같이 사용할 때는 Next가 React를 감싸고 있다고 생각하면 된다.이때 둘이

2022년 5월 22일
·
0개의 댓글

Immutable & Mutable

Mutable은 변경 가능한 변수의 유형이다.자바스크립트에서는 원시 값이 아닌 객체와 배열만이 Mutable이다.가변 객체는 객체가 생성된 후 상태를 수정할 수 있는 객체이다.불변 객체는 일단 객체가 생성되면 상태를 변경할 수 없는 객체이다.문자열과 숫자는 불변이다.

2022년 5월 20일
·
0개의 댓글

Virtual DOM

Virtual DOM 가상 돔(Virtual DOM)이란 일종의 돔(DOM)의 메타데이터, DOM의 요약본이라고 할 수 있다. 가상 돔을 알기 위해서는 일단 돔을 알아봐야 할 필요가 있다. DOM? DOM은 The Document Object Model의 약자로

2022년 5월 20일
·
0개의 댓글

CI/CD

CI CI는 Continuous Integration의 약자로 지속적인 통합이라는 의미이다. 지속적인 통합이란, 에플리케이션의 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트 되어 공유 레포지토리에 통합되는 것을 의미한다.

2022년 5월 20일
·
0개의 댓글

@media, Responsive Design

반응형 웹 디자인(Responsive Design)이란 웹 디자인 기법 중 하나로, 하나의 웹사이트에서 PC, 스마트폰, 태블릿 등 접속하는 디스플레이 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 의미한다.이를 사용할때 미디어 쿼리를 이용해

2022년 5월 11일
·
0개의 댓글
post-thumbnail

Docker

도커(Docker)는 리눅스 컨테이너 기술을 기반으로 하는 오픈 소스 서비스이다.이를 통해 애플리케이션 실행 환경을 코드로 작성할 수 있으며, OS를 공유, 격리화 하여 관리할 수 있다.리눅스 컨테이너(Linux Containe)?리눅스 컨테이너는 리눅스 기반의 기술

2022년 5월 10일
·
0개의 댓글

HTTPS vs HTTP

지난 2014년 구글에서는 HTTP를 HTTPS로 바꾸라고 권고한다.그전까지는 전자상거래 페이지가 있는 웹사이트에서만 이런 다소 번거로운 HTTPS를 사용하고 있었다.구글에서는 HTTPS로의 전환을 장려하기 위해 웹사이트 검색 순위 결과에 약간의 가산점을 주겠다고 발표

2022년 5월 9일
·
0개의 댓글

SEO (CSR, SSR, SSG)

SEO SEO(검색 엔진 최적화)는 웹사이트가 유기적인 검색 방식을 통해 검색 엔진에서 노출될 수 있도록 최적화하는 과정을 말한다. 비스니스 유형이 어떤 것이든 SEO는 가장 중요한 마케팅 유형중 하나이다.

2022년 5월 9일
·
0개의 댓글