CI/CD

매번 개발자가 코드를 수정하고 빌드와 테스트, 병합, 에러 찾기, 배포까지 한다면 상당히 많은 시간이 소요됩니다. 하지만 git에 올리는 것만으로 위의 작업들을 누군가가 해준다면 시간을 절약하고 개발에 더 많은 시간을 투자할 수 있을 것입니다.CI란 요약하면 빌드 및

5일 전
·
0개의 댓글

@media , Responsive Design

반응형 디자인은 하나의 웹 사이트에 접근할 때 웹 사이트를 보여주는 브라우저의 크기에 따라서 해당 웹 사이트가 깨지거나 안 보여지는 부분이 발생하지 않도록 디자인을 하는 것을 의미합니다.보통 브라우저의 크기가 달라지면 해당 브라우저의 크기에 맞게 컨텐츠의 내용이 다른

5일 전
·
0개의 댓글

Docker

Docker는 애플리케이션을 신속하게 구축, 테스트 및 배포할 수 있는 소프트웨어 플랫폼입니다. Docker는 소프트웨어를 컨테이너라는 표준화된 유닛으로 패키징하며, 이 컨테이너에는 라이브러리, 시스템 도구, 코드, 런타임 등 소프트웨어를 실행하는 데 필요한 모든 것이

5일 전
·
0개의 댓글

https vs http

HTTP HTTP(HyperText Transfer Protocol)는 HTML과 같은 하이퍼미디어 문서를 전송하기위한 애플리케이션 레이어 프로토콜입니다. 웹 브라우저와 웹 서버간의 커뮤니케이션을 위해서 디자인되었지만 다른 목적으로도 사용됩니다. HTTP는 클라이언트

5일 전
·
0개의 댓글

SEO (CSR, SSR, SSG)

SEO(검색 엔진 최적화)는 웹사이트가 검색 결과에 더 잘 보이도록 최적화하는 과정입니다. 검색 엔진은 웹을 크롤링하면서 페이지에서 페이지로 링크를 따라가고, 찾은 컨텐츠의 색인을 생성합니다. 검색 결과에 보이는 것이 바로 컨텐츠 색인인데 크롤러는 일정 규칙을 따르기

5일 전
·
0개의 댓글

SPA vs MPA

전통적으로 웹 페이지는 서버에서 HTML을 생성하고 브라우저는 출력하기만 하는 형태였는데 SPA는 그것을 벗어나서 서버가 하던 대부분의 작업을 브라우저에서 처리하는 웹 어플리케이션 개발 방법입니다.원래는 서버에서 HTML생성, 내비게이션 처리, 사용자 인증에 따른 분기

6일 전
·
0개의 댓글

Domain, DNS, Hosting

URL (Uniform Resource Locator)도메인 또는 도메인 네임은 넓게 보면 외우거나 식별하기 어려운 IP 주소를 example.com 처럼 기억하기 쉽게 만들어주는 네트워크 호스트의 이름을 의미하지만, 보통 루트 네임서버(최상위 DNS서버)에 등록된 최

6일 전
·
0개의 댓글

reduce

reduce() 함수는 배열의 내장 함수로 주로 배열에서 값을 계산하는데 사용됩니다.사용방법은 다음과 같습니다.acc로 설정된 값에는 배열의 현재 인덱스의 값이 들어가게 됩니다. 즉 배열의 요소 하나하나를 뽑아서 넣는다고 생각할 수 있습니다.cur로 설정된 값에는 re

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

memoization

렌더링이 발생하게 되면 코드 전체를 재실행하기 때문에 선언 되어있던 변수들이 새로 만들어지고 함수들이 새로 만들어지는 상황이 발생합니다. 또 부모가 리렌더링된다면 자식도 리렌더링 되기 때문에 위와같은 상황이 발생하면 필요한 변수가 초기화되는 문제가 발생합니다.그것을 방

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

optimistic-ui

optimistic-ui는 낙관적 ui라는 의미로 요청에 대한 응답을 기다리지 않고 응답을 성공할 것이라는 가정 하에 캐시 스테이트를 변경합니다.원래라면 요청을 보내고 백엔드는 DB에 접근하고 리턴 받은 내용을 다시 브라우저에 리턴을 해주고 브라우저는 리턴 받은 값으로

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

LazyLoad vs PreLoad

Lazyload는 한 페이지 내에서 불어와야할 이미지 등이 많을 경우에 현재 내가 보는 화면만큼만 우선적으로 받아오는 것을 의미합니다.Lazyload의 장점은 통신에 대한 비용 및 시간의 절감입니다. 한 화면에 받아오는 정보가 무수히 많다면 그것에 대해서 무조건적으로

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

Promise all

Promise.all() 메서드는 순회 가능한 객체에 주어진 모든 프로미스가 이행한 후, 혹은 프로미스가 주어지지 않았을 때 이행하는 Promise를 반환합니다. 주어진 프로미스 중 하나가 거부하는 경우, 첫 번째로 거절한 프로미스의 이유를 사용해 자신도 거부합니다.P

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

Observable

observable은 시간의 흐름에 따라 발생하는 이벤트들의 스트림이라고 볼 수 있습니다. pipeline을 설치해서 여러 이벤트나 데이터를 observer에게 보냅니다.Observable.create()나 new Observable()로 생성이 가능합니다. Obser

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

promise vs callback

웹 애플리케이션을 만들 때, 처리할 때 시간이 걸리는 작업들이 있습니다. 이 때 만약 작업을 동기적으로 처리한다면 데이터를 요청하고 기다리는 동안 작업이 중지되어 다른 작업들을 실행하지 못하는 상황이 펼쳐집니다.하지만 이것을 비동기적으로 처리하면 요청을 처리하는 동안

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

this, binding

this는 현재 실행되는 코드의 실행 컨텍스트를 가리킵니다.this binding은 this에 실행 컨텍스트의 주체를 연결하는 것으로 this가 무엇을 가리킬지 연결하는 것을 의미합니다. this bining은 실행 컨텍스트가 활성화 될 때 하는 것으로 실행 컨텍스트는

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

token, XSS, CSRF

서버에 로그인을 요청합니다.서버는 로그인 검증 후 해당 정보, 토큰 만료 기간 등의 정보를 넣어 accessToken, refreshToken 등을 발급해 response의 header를 통해 전달합니다.사용자는 서버에 API요청시에 accessToken을 Header

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

callback

콜백 함수란 어떤 이벤트가 발생한 후에 수행될 함수를 의미합니다. js에서 함수는 1급객체이므로 인자 전달 시 함수를 전달할 수 있어 콜백 함수가 가능합니다. 이런 콜백 함수에는 여러 특징이 있습니다.비동기 프로그래밍에서 어떤 함수가 실행될 때 특정 시점에서 콜백함수가

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

flatten, unflatten

일반적으로 flatten은 중첩이 없는 배열을 의미합니다.자바스크립트에서의 flatten은 array안에 array를 가지는 이중, 삼중 또는 그이상의 배열 형태일 때, array를 평평하게 만드는 작업입니다.Array의 내장 함수인 flat() 메서드를 사용해서 사용

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

Recursive Functions

Computer Science에서 재귀란 자신을 정의할 때 자기 자신을 재참조하는 방법을 의미합니다.재귀 함수란 함수에서 자기 자신을 다시 호출해 작업을 수행하는 방식입니다. 그렇기 때문에 특정 분기(종료 조건)까지 자기 자신을 계속 호출하는데, 주로 반복문을 구현할

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

JS V8 Engine

V8은 웹 브라우저는 만드는데 기반을 제공하는 오픈 소스 자바스크립트 엔진입니다. 구글 크롬 브라우저와 안드로이드 브라우저에 탑재되어있는데 V8으로 줄여서 불립니다.ECMAScript(ECMA - 262) 3rd Edition 규격의 C++로 작성되었으며, 독립적으로

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