post-thumbnail

배포 이론

배포란 - backend , database , frontend 도 배포가 되어야한다내 컴퓨터에서 localhost:3000으로 들어가면 나 이외에는 볼 수가 없다다른 사람들이 접속해서 html , css , javascript등을 다운로드 받아서 볼 수 있게끔 하는

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

LB/부하분산

업로드중..Health-Checker: lb 옆에서 vm 상태를 확인 후 lb에게 알려주는 역할

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

Reduce

누산기(accumulator) 및 배열의 각 값(좌에서 우로)에 대해 (누산된) 한 값으로 줄도록 함수를 적용한다.reduce 이 함수는 Array 객체의 프로토타입에 정의되어 있는 고차함수이다가장 중요한 특징은 배열의 값을 한 개로 감소시키는 특징을 가지고 있다.ma

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

Memoization

https://ko.wikipedia.org/wiki/%EB%A9%94%EB%AA%A8%EC%9D%B4%EC%A0%9C%EC%9D%B4%EC%85%98메모이제이션 memoization기억되어야 할 것이라는 뜻의 라틴어에서 파생된 단어로, 컴퓨터 프로그램이 동일

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

optimistic-UI

자유게시판의 좋아요 기능을 클릭했을시의 동작을 살펴보면 아래와 같다.사용자가 좋아요 버튼을 누른다.onClick 함수가 실행되고 서버에 mutation 요청을 보낸다.서버에 보낸 요청이 완료될 때까지 await으로 기다린다.완료가 되었으면 refetch로 좋아요 갯수

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

Observable

RxJava의 가장 핵심적인 요소는 Observable이다. Observable은 데이터 흐름에 맞게 알림을 보내 Observer가 데이터를 사용할 수 있도록 한다. 즉, Observable을 이용해 데이터를 회수하고 변환하는 메커니즘을 정의하고, Observer는 이

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

Lazyload vs Preload

LazyLoad는 사이트 사이트를 랜더 해 올 때 필요한 만큼(보이는/지정된범위) 만큼의 이미지만 다운받아오는 것을 말한다.웹 페이지의 로딩 속도에 큰 영향을 미치는 것 중의 하나는 이미지입니다. 이를 해결해주는 방법 중의 하나가 Lazy Loading이다LazyLoa

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

Promise all

Promise.all() 메소드는, 입력으로서 약속의 반복 가능한 소요 번의 반환 Promise 그 입력 약속 결과의 배열을 해결한다. 이 반환 된 promise는 입력의 모든 promise가 해결되었거나 입력 iterable에 promise가없는 경우 해결된다. 입력

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

refreshToken

로그인에는 두가지 방법이 있다.인증 (Authentication)- 토큰을 받아내는과정인가 (Authorization) - 토근을 확인하는 과정(철수가 맞는지 , 로그인 시간 남았는지~)로그인할때 JWT토큰을 2개를 만든다1\. accessToken (result.da

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

unflatten & flatten

unflatten자바스크립트에서 unflatten은 다음과 같은 중첩된 배열을 의미한다.flattenflatten은 다음과 같이 중첩이 없는 배열을 의미한다.혹은 중첩배열을 평탄화 하는 작업을 의미한다.flat 메서드는 인수로 전달한 깊이만큼 재귀적으로 배열을 평탄화

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

Recursive Function

재귀함수 함수가 자신을 다시 호출하는 구조로 만들어진 함수이다. 재귀함수는 종료조건이 있어야 하며, 종료조건을 설정해주지 않으면 무한 반복을 하게된다. 재귀함수로 작성이 되는 코드는 반복문으로도 작성할 수 있다. 1부터 100의 합 구하기 반복문 let s = 0;

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

Callback

CallBack 함수란 이름 그대로 나중에 호출되는 함수를 말한다.콜백함수라고 해서 그 자체로 특별한 선언이나 문법적 특징을 가지고 있지는 않다.콜백함수도 일반적인 자바스크립트 함수일 뿐이다.콜백 함수는 코드를 통해 명시적으로 호출하는 함수가 아니라, 개발자는 단지 함

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

token, XSS, CSRF

JSON Web Token, 줄여서 jwt는 서버에서 사용자를 식별할 수 있는 정보를 담아 클라이언트에 내려줄 때 쓰는 토큰이다.서버가 한 번 인증한 사용자에게 카드키를 준 거라고 생각하면 쉽다.토큰을 받은 클라이언트는 다음에 따로 인증을 하지 않아도 토큰을 이용해 로

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

여러가지 쿼리 방식

요청과 data를 자동으로 받음요청 : 자동그림 : 자동useMutation 처럼 함수를 만들 수가 있고 실행할 때 데이터 요청이 날아가고 그 다음에 데이터(data)를 받으면 화면에 자동으로 그림까지 그림 useQuery랑 동일한데 실행만 내가 원하는데서 할 수 있음

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

권한분기

로그인 인증을 마치면 이에 따른 권한 분기가 이루어진다.(관리자를 위한)관리하는 페이지 - 매출 , 통계 등관리자 사이트 유저 사이트 , 사장님을 위한 사이트\--> 백엔드에 공유하나의 사이트에서 로그인을 한 사람(페이지)과 안한 사람(페이지)으로 나누기 HOC & H

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

React HOC vs HOF

클로저를 바탕으로 만들어진다.HOC는 Higher Order Component위 아래는 같은 결과가 나온다.Aaa컴포넌트는 리턴 해주는 Bbb는 이름을 바꿔줘도 된다withAuth 가급적 사용하기 먼저 실행 컴포넌트에는 권한 분기(검사하는 로직 - 로그인 여부체크(us

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

DataBase - SQL , NoSQL

데이터 베이스란 ? 데이터를 담아두는 저장소이다.데이터베이스에 데이터를 담아두는 방식에는 크게 두가지가 있는데 SQL방식과 NoSQL방식이다.우리가 통신을 위해 사용했던 axios나 apollo-client처럼 백에드에도 데이터베이스와 통신을 도와주는 툴이 존재한다

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

로그인 LogIN

백엔드의 메모리세션(변수)에 저장되어있었음 (아이디 , 이름 , 로그인 기간 등)이것들을 구별하기 위한 아이디 -> 세션 아이디 -> 브라우저에 던져준다.백에드에서는 브라우저에서 쓰인 세션 아이디를 가지고 결제를 진행하거나 상품 등록을 할때 확인한다.이런식으로 메모리

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

Object.keys(), values, entries, assign

객체에서 키 값들만 모아서 배열로 만드는 함수. 배열로 바뀌었기 때문에 반복문을 이용하기 쉬워진다.객체에서 밸류 값들만 모아서 배열로 만드는 함수. 배열로 바뀌었기 때문에 반복문을 이용하기 쉬워진다.앞의 함수들은 키와 밸류를 따로 뽑아냈다면, 둘다 필요할 경우에 쓸 수

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

Shallow routing

상태에 대한 부분들이 전부 URL 값 파라미터에 반영되어야하는 경우가 있다.이렇게 해야하는 이유는1.모든 사용자의 동작들이 URL로 반영이 되어야지만 내가 보고 있는 페이지 그대로 누군가에게 URL을 공유할때 받는사람도 똑같은 페이지의 똑같은 화면을 볼수 있게 된다2\

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