profile
몰입하는 개발자

[Computer Science] 쿠키 vs 세션 vs 웹스토리지

비연결지향 (Connectionless) : 클라이언트가 서버에서 Request를 보내고 서버가 클라이언트에게 Response를 보내면 접속을 종료한다.무상태 (Stateless) : 통신이 끝나면 상태 정보를 유지하지 않는다.클라이언트의 로그인 정보나 브라우저에서 입

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

[Computer Science] CSR vs SSR

클라이언트(브라우저)가 데이터를 요청하면 브라우저 => 프론트 서버 => 백엔드 서버 => 데이터베이스를 거쳐 데이터베이스에서 데이터를 가져온 후 다시 브라우저에 데이터가 그려지는 형식이다. 이 방식은 서버에서 데이터까지 모두 포함하여 페이지를 구성한 후 브라우저에 전

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

[Computer Science] 브라우저 렌더링 과정

브라우저란? 우리가 흔히 인터넷 접속할 때 사용하는 Chrome, Safari, Firefox, Internet Explorer 등을 말한다. 웹에서 페이지를 찾아서 보여주고, 사용자가 하이퍼링크를 통해 다른 페이지로 이동할 수 있도록 하는 프로그램 유저가 선택한 자원

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

[Computer Science] Redux란?

👉 Redux란 javascript 상태관리 라이브러리이다.👉 상태란?React에서 state는 component 안에서 관리되는 것이다.👉 Component 간의 정보 공유자식 컴포넌트들 간의 다이렉트 데이터 전달은 불가능하다.자식 컴포넌트들 간의 데이터를 주고

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

[Computer Science] React 렌더링 성능 최적화

이제는 클래스형 컴포넌트를 사용하지 않고 함수형 컴포넌트를 사용하기 때문에 함수형 컴포넌트 기반 성능 최적화에 대한 방법을 알아보자.리액트는 특정 state가 변경되면 그 state가 선언된 컴포넌트와 그 하위 컴포넌트들을 모두 리렌더링 시킨다. 따라서 state가 선

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

[Computer Science] React vs Vue vs Angular

Facebook에서 주도하여 개발한 웹 어플리케이션의 UI를 효과적으로 구축하기 위해 사용하는 javascript 기반 라이브러리이다. 다른 라이브러리들과 함께 사용할 수 있어 효율적인 라이브러리라고 할 수 있다. React 자체는 framework라 부를 수 있는 기

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

[Computer Science] 클래스형 컴포넌트 vs 함수형 컴포넌트

React 컴포넌트를 만들때 클래스형 컴포넌트, 함수형 컴포넌트 2가지 방식이 있다 과거에는 클래스형 컴포넌트를 많이 사용했지만 2019년 v16.8 부터 함수형 컴포넌트에 리액트 훅(hook)을 지원해 주어서 현재는 공식 문서에서도 함수형 컴포넌트와 훅(hook)을

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

[Computer Science] Virtual Dom 이란?

DOM(Document Object Model)의 약자로 간단하게 설명하면 HTML과 자바스크립트를 이어주는 공간으로, 내가 작성한 HTML을 자바스크립트가 이해할 수 있도록 객체(Object)로 변환하는 것이다.DOM은 내가 작성한 HTML로 부터 생성되지만, 브라우

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

[Computer Science] Hoisting

호이스팅은 코드가 실행하기 전 변수선언 / 함수선언이 해당 스코프의 최상단으로 끌어올려진 것 같은 현상을 말한다.scope 란?식별자 접근 규칙에 따른 유효 범위식별자(변수, 함수, 클래스)에 접근할 수 있는 범위가 존재한다.범위는 중괄호 또는 함수에 의해 나눠진다.그

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

[Computer Science] promise vs async & await

비동기 통신을 비교하기에 앞서 동기와 비동기가 어떤 차이가 있는지 간단하게 알아보자.동기는 말 그대로 동시에 일어난다는 뜻이다. 요청과 그 결과가 동시에 일어난다는 약속인데 바로 요청을 하면 시간이 얼마가 걸리던지 요청한 자리에서 결과가 주어져야 한다.비동기는 동시에

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

[Computer Science] 이벤트 버블링과 캡처링

버블링의 원리는 간단하다.한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작한다. 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작한다.예시를 보자. (3개의 요소가 FORM

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

[Computer Science] var, let, const의 차이

자바스크립트에서 변수 선언할 때 사용되는 var, let, const는 도대체 어떤 차이점이 있을까? 간단하게 알아보았다. var var로 변수 선언을 했을 때 가장 큰 특징은 중복 선언이 가능하다는 점이다. 위와 같이 중복 선언을 했을 때 에러가 발생하지 않고 중

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

[컴퓨터 구조와 프로그래밍] JavaScript

자바스크립트 소개 & 역사 1993년 마크 앤드리슨은 GUI를 제공하는 모자익 웹 브라우저를 만들었고, 이 브라우저는 일반 소비자를 대상으로 하는 인터넷의 증가에 큰 역할을 했다. 마크 앤드리슨은 넷스케이프라는 회사를 창립하고 1994년 넷스케이프 내비게이터 브라우저를

2022년 2월 20일
·
0개의 댓글
post-thumbnail

[컴퓨터 구조와 프로그래밍] 데이터 구조와 처리

데이터베이스는 정해진 방식으로 조직화된 데이터 모음이다. 데이터베이스 관리 시스템은 데이터베이스에 정보를 저장하고 읽어올 수 있게 해주는 프로그램이다. 데이터베이스는 B트리라는 데이터 구조를 활용한 시스템이다. B트리는 균형 트리이지만 2진 트리는 아니다. B 트리는

2022년 2월 15일
·
0개의 댓글
post-thumbnail

[컴퓨터 구조와 프로그래밍] 디지털 오디오

일반적으로 샘플링 을 하면 오디오를 디지털화할 수 있다.이 말은 일정 시간 간격으로 신호의 진폭이나 높이를 측정한다는 뜻이다.일반적으로 악보를 시간에 따라 음표를 표시한 것으로 생각할 수도 있다. 하지만 악보에서는 어느 시점에 오직 한 음표만 존재하지 않는다. 실제로는

2022년 2월 10일
·
0개의 댓글
post-thumbnail

[컴퓨터 구조와 프로그래밍] 시간 표현과 상태 기억

주기 함수란 함수값이 일정 주기로 되풀이 되는 함수이다.주기함수예를 들어, 지구의 자전이 바로 주기 함수다. 우리는 바로 이 주기 함수를 사용해 시간을 측정할 수 있다. 지구가 한 바퀴를 다 돌면 이를 하루(1일)라고 부른다. 이 하루를 더 잘게 나눠서 시간,분, 초

2022년 1월 27일
·
0개의 댓글

[Computer Science] OSI 7계층

OSI(Open System Interconnection) 란 국제표준기구인 ISO에서 만든 네트워크에서 통신이 일어나는 과정을 7단계로 나눈것을 말한다.계층을 나눈 이유는 통신이 일어나는 과정을 단계별로 파악할 수 있기 때문이다.흐름을 한눈에 알아보거나 사람들이 이해

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

[컴퓨터 구조와 프로그래밍] 색을 표현하는 방법

컴퓨터 그래픽스는 전자 모눈종이에 해당하는것에 색을 표현하는 점을 찍어서 그림을 만드는 과정이다. 이떄 모눈의 각 격자에 찍는 점을 그림 원소라고 부르고, 줄여서 픽셀이라 부른다.컴퓨터 모니터는 빨간색, 녹색, 파란색 광선을 섞어서 색을 만들어내며, 이런 색 표현법을R

2022년 1월 21일
·
0개의 댓글