profile
Developer
post-thumbnail

Redux

JavaScript 기반의 상태관리 라이브러리 이다.동일한 데이터는 항상 같은 곳에서 가지고 와야 한다는 의미이다.Redux에는 데이터를 저장하는 Store라는 단 하나뿐인 공간이 있음을 의미한다.상태는 읽기 전용이라는 뜻으로, React에서 상태갱신함수로만 상태를 변

2일 전
·
0개의 댓글
post-thumbnail

상태 관리 라이브러리

상태(state)란 동적으로 표현되는 데이터를 의미한다.보통 리액트에서는 컴포넌트 안에서 useState 훅을 이용하여 상태를 관리하는데컴포넌트 안에서 상태를 관리 할 경우 아래와 같은 문제가 있다.자식 컴포넌트들 간의 다이렉트 데이터 전달은 불가능하다.자식 컴포넌트들

2일 전
·
0개의 댓글
post-thumbnail

트리 (Tree)

트리 (Tree) 자료구조 중에 하나로 루트 노드를 기준으로 부모 노드와 자식 노드들이 트리처럼 뻗어나가는 형태를 갖는다.

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

UX

UX (User Experience)의 사전적 의미는 사용자가 어떤 시스템, 제품, 서비스를 직간접적으로 이용하면서 느끼고 생각하는 총체적 경험이다.유용성은 제품이나 서비스가 목적에 맞는 기능을 제공하고 있는가에 관한 요소이다.계산기로 예를들면 계산을 틀리지 않고 맞는

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

UI

UI (User Interface) 는 사람들이 컴퓨터와 상호 작용하는 시스템을 의미한다.화면상의 그래픽 요소 외에도, 키보드, 마우스 등의 물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이므로 UI라고 볼 수 있다.GUI (Graphical User Interfac

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

큐(Queue)

선입선출(FIFO)의 특성을 가지는 데이터구조이다.가장 먼저 들어온 값이 가장 먼저 나가게 된다.push 메서드를 이용하여 배열의 가장 마지막 인덱스에 값을 추가할 수 있고shift 메서드를 이용하여 가장 처음에 들어온 값을 제거할 수 있다.큐를 배열로 구현하면 shi

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

스택(Stack)

후입선출(LIFO)의 특성을 가지는 데이터구조이다.마지막으로 들어온 값은 가장 먼저 나가게 된다.push 메서드를 이용하여 배열의 가장 마지막 인덱스로 값을 추가할 수 있고pop 메서드를 이용하여 가장 마지막에 들어온 값을 제거할 수 있다.스택을 연결리스트로 구현하면

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

JSON

JSON은 JavaScript Object Notation의 줄임말로, 데이터 교환을 위해 만들어진 객체 형태의 포맷이다.네트워크를 통해 데이터를 주고받기 위해서는 다음과 같은 조건을 만족해야 한다.수신자(reciever)와 발신자(sender)가 같은 프로그램을 사용

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

2022 6월 회고

약 2주간 직접 서버를 구축하고 api를 개발하는 방법을 공부했다.보통 주말에는 구글 켈린더를 참고하여 다음주에 배우는 내용들을 미리 예습하며 공부하는데서버에 대한 지식이 하나도 없던 상태라 다음주에 배울 서버에 대해 엄청난 두려움? 을 가졌던 기억이 난다.그 두려움으

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

단일 연결 리스트

단일 연결 리스트란? 문자열, 숫자 등 데이터를 저장하는 자료 구조이다. 배열은 위치(인덱스)가 있지만 단일 연결 리스트는 요소들마다 위치(인덱스)가 없이 연결되어있다. 각각의 요소들을 node 로 정의한다. 연결 리스트는 다수의 node들로 구성되고, 각각의node

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

CORS 설정 방법

Node.js로 간단한 HTTP 서버를 만들 경우, 다음과 같이 응답 헤더를 설정해줄 수 있다.Express 프레임워크를 사용해서 서버를 만드는 경우에는, cors 미들웨어를 사용해서 보다 더 간단하게 CORS 설정을 해줄 수 있다.이 외의 다양한 개발 환경에서도, 헤

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

CORS 동작 방식

CORS 동작 방식에는 크게 세 가지가 있다.실제 요청을 보내기 전, OPTIONS 메서드로 사전 요청을 보내 해당 출처 리소스에 접근 권한이 있는지부터 확인하는 방식이다.아래 이미지의 흐믈과 같이, 브라우저는 서버에 실제 요청을 보내기 전에 프리플라이트 요청을 보내고

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

CORS

웹 개발을 하다 보면 , 아래와 같은 에러를 한 번 쯤은 겪게 되고, 이 에러 때문에 골머리를 앓는 경험을 하게 될 것이다. 이러한 에러는 CORS 에러라고 불리는데 CORS에 대해 알아보기 전에 SOP에 대해 먼저 알아보자.SOP는 Same-Origin Policy의

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

[React Hooks] useEffect

useEffect는 컴포넌트 내에서 Side effect를 실행할 수 있게 하는 hook이다.함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우를 의미한다.useEffect의 첫번째 인자는 함수를, 두번째 인자에는 의존성 배열을 전달한다.컴포넌트 생성 후 처음 화

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

[Express] request body 값 읽기

클라이언트에서 서버로 요청을 보냈을 때, body 데이터를 읽으면 undefined가 나오게 된다. 따라서 클라이언트로 부터 받은 body데이터를 해석하기 위해서는 express.json() express.urlendoded() 와 같은 메서드를 통해 따로 처리를 해

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

EJS

EJS란 자바스크립트가 내장되어 있는 HTML 파일이다.일반적인 HTML 파일에서는 <script> 태그를 이용하여 분리를 시켜야 하지만,EJS는 쉽게 HTML 태그 안에서 자바스크립트를 사용할 수 있다.먼저 set 메서드를 통해 ejs 파일을 읽도록 해준다.프로

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

Express

Express란 Node.js를 위한 빠르고 간편한 웹 프레임워크이다.현재 Node.js 에서 가장 많이 사용되는 프레임워크이다.express 모듈을 불러온 후 Express application을 생성한다.listen 메소드를 사용하여 server가 외부 reques

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

선형 탐색, 이진 탐색

선형 탐색이란 찾고자 하는 값을 요소마다 모두 탐색하며 찾는 방법이다.선형 탐색은 아래와 같이 구현할 수 있다.선형 탐색을 사용하면 입력값이 커짐에 따라 마다 반복 횟수도 비례해서 늘어나기 때문에시간 복잡도는 O(n)이 된다.이진 탐색은 선형 탐색 보다 효율적으로 값을

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

REST API 성숙도 모델

레오나르드 리차드슨(Leonard Richardson)은 REST API를 잘 적용하기 위한 4단계 모델을 만들었다.이 모델의 2단계 까지만 적용해도 좋은 API 디자인이라고 볼 수 있고, 이런 경우를 HTTP API 라고 부른다.0단계에서는 리소스 구분 없이 단순히

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

REST API

Representational State Transfer의 약자로, 네트워크 상에서 Client와 Server 사이의 통신 방식 중 하나이다.자원(resource)의 표현(representation)에 의한 상태 전달을 의미한다.자원 : 해당 소프트웨어가 관리하는 모든

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