profile
인간 js엔진

CI/CD

CI는 Continuous Integration 즉, 지속적인 통합이라는 의미로어플리케이션의 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트 되어공유 레포지토리에 통합 하는 것을 의미한다.다수의 개발자가 Git과 같은 형상관리 툴을 공유하여 사용하는 환경지속적으로

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

Domain, DNS, Hosting

Domain 도메인은 도메인 또는 도메인 네임으로 불리는데 넓게 보면 외우거나 식별하기 어려운 IP주소를 kingmo.com 처럼 기억하기 쉽게 만들어주는 네트워크 호스트 이름을 의미한다. DNS Hosting

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

Docker

부팅 등 운영체제의 핵심 기능(커널)은 공유하는 가상머신으로 Docker를 사용하면 OS 전체를 새로 설치하지 않아도 된다.Docker는 Dockerfile이라는 설치 내용들을 담은 파일을 만드는 데거기에 우리가 해야할 모든 설치 와 서버실행과 같은 명령어를 입력해서

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

@media , Responsive Design

CSS 미디어쿼리는 출력 장치의 여러 특징 가운데 일부를 참조하여미디어 쿼리는 반응형 웹 디자인의 핵심 부분으로CSS 코드를 분기 처리함으로써 하나의 HTML 소스가 여러가지 뷰를 갖도록 구현할 수 있게끔한다.이는 사용자가 마우스가 아닌 터치스크린을 사용하는지와 같은

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

SEO (CSR, SSR, SSG)

CSR은 Client Side Rendering의 약자로최초에 싱글페이지만 서버로부터 불러와 렌더링하고 그 이후부터는 모든 것을 클라이언트 사이드에서 렌더링한다.SPA(Single Page Applicataion)은 CSR 방식을 이용한다.SSR은 Sever Side

2022년 4월 30일
·
0개의 댓글
post-thumbnail

SPA vs MPA

SPA는 Single Page Application의 약자로 한 개의 페이지로 구성된 어플리케이션을 뜻한다.MPA는 Multiple Page Application의 약자로 여러 개의 페이지로 구성된 어플리케이션을 뜻한다.SPA는 우리가 주소창에 url을 입력한 후 엔터

2022년 4월 30일
·
0개의 댓글
post-thumbnail

HTTPS vs HTTP

HTTP는 Hyper Text Transfer Protocol의 약자로서버/클라이언트 모델을 따라 데이터를 주고 받기 위한 프로토콜 이다.HTTP는 이미지, 영상, 텍스트, JSON 등거의 모든 형태의 데이터를 전송할 수 있다.HTTP는 인터넷에서 하이퍼텍스트를 교환하

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

js와 node 차이

Javascript의 등장으로 편지를 읽는 것과 같이 정적이었던 웹사이트는,사용자와 서로 상호작용하는 동적인 형태로 바뀌었다.추후에 Google에 의해 Javascript는 재탄생 하게 되는데구글이 Gmail, Chrome, Javascript Engine(V8)을 선

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

promise vs callback

callback callback은 프로그래밍에서 빼놓을 수 없는 아주 중요한 개념이다. callback의 의미는 크게 2가지가 있다. 다른 함수의 인자로 이용되는 함수. 이벤트에 의해 호출되어지는 함수.

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

reduce

자바스크립트에서 reduce는 배열에만 사용가능한 메소드로배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고,하나의 결과값을 반환한다.reduce 사용법reduce()는 빈 요소를 제외하고 배열 내에 존재하는 각 요소에 대해callback 함수를 한

2022년 4월 30일
·
0개의 댓글
post-thumbnail

memoization

메모이제이션은 특정 연산이나 특정 함수의 값을 기억해 놓은 후State의 변화로 화면이 리렌더 되더라도 함수가 초기화 되지 않고,기존에 저장된 값을 그대로 사용할 수 있게한다.메모이제이션 기능을 사용하면 컴포넌트의 불필요한 리렌더링을 줄여성능 향상을 기대할 수 있게된다

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

Optimistic-UI

우리가 웹사이트 게시판에서 👍 "따봉" 버튼을 누를 때의 동작을 생각해보자.사용자가 👍 버튼을 누르면 onClick 함수가 실행되고 서버에 mutation 요청을 보낸다.서버에 보낸 요청이 완료될 때까지 await으로 기다리고,완료됐다는 응답이 오면 refetch를

2022년 4월 30일
·
0개의 댓글
post-thumbnail

LazyLoad vs PreLoad

웹에서 페이지에 들어갔을 때 페이지에 존재하는 모든 이미지를 불러오면이미지의 양이 많을 수록 혹은 용량이 클 수록 그 속도가 느려지게 된다.그래서 사용자가 현재 보고있는 화면에 해당하는 이미지만 그 때 그 때불러와서 보여주면 속도를 향상시킬 수 있는데 이 기술이 Laz

2022년 4월 30일
·
0개의 댓글
post-thumbnail

Promise all

Promise.all은 동기 요청을 한 번에 보내는 역할을 한다.Promise.all(\[p1, p2, p3])은 아래와 같이 인자가 배열형태로 들어간다.promise all은 어떤 일을 하는지 아래 예제로 확인해 보자.아래는 Promise 메서드로 async / aw

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

observable

Observable은 단어 뜻처럼 지속적으로 관찰 가능한 객체라는 의미이다.변경될 때마다 변경된 값을 비동기적으로 제공하겠다는 것을 구현해 놓은 객체라고 생각하면 된다.또한 자바스크립트에서 1개 이상의 item을 처리할 때 async와 같은 방법을 사용한다.여기서 pr

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

JS V8 Engine

V8은 웹 브라우저를 만드는 데 기반을 제공하는 오픈 소스 자바스크립트 엔진으로 구글 크롬 브라우저와 안드로이드 브라우저를 탑재하고 있다.여기서 크롬 브라우저는 크게 Blink라는 렌더링 엔진과 V8이라는 자바스크립트 엔진을 가지고 있다.V8 엔진은 C++로 작성 되었

2022년 4월 30일
·
0개의 댓글
post-thumbnail

Event Loop

브라우저와 Node.js에서 공통으로 제공하는 것이 이벤트 루프이다.자바스크립트는 싱글 스레드 기반의 언어지만 자바스크립트가 구동되는 환경은 여러 스레드가 사용된다.여러 스레드가 사용되는 구동 환경이 자바스크립트 엔진과 연동하기 위해 사용되는 장치가 이벤트 루프이다.싱

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

OOP vs FP

OOP는 Object Oriented Programming의 약자로 객체지향 프로그래밍을 뜻한다.OOP는 객체지향 프로그래밍이란 프로그램을 단순히 데이터와 처리방법으로 나눈 것이 아니라,객체(object)라는 기본 단위로 나누고 이들의 상호작용으로 서술하는 방식이다.객

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

null과 undefined 차이

undefined타입의 값은 undefined가 유일하다.var로 선언한 변수는 호이스팅에 의해 암묵적으로 undefined로 선언된다.여기서 선언만 하고 값을 할당하지 않았다면이 변수를 참조하면 undefined가 반환된다.따라서 undefined는 개발자가 의도적으

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

token, XSS, CSRF

토큰은 분야별 의미가 다르다.프로그래밍 언어에서는 문법적으로 더 이상 나눌 수 없는 기본적인 언어요소를 뜻하는데하나의 키워드나 연산자 혹은 구두점 등이 토큰이 될 수 있다.네트워크에서 말하는 토큰은 네트워크를 따라 돌아다니는 일련의 비트열로컴퓨터는 네트웍을 따라 순환하

2022년 4월 24일
·
1개의 댓글