TIL

1.함수선언식 vs 함수표현식 vs 화살표함수 1) 함수선언식 -> 호이스팅 영향받음 호이스팅은 선언된 위치에 관계없이 어디서든 함수를 사용할 수 있도록 한다. 코드가 실행되는 과정에서 함수 선언부를 코드의 최상단으로 끌어올리는 것처럼 보이게 한다. 2) 함수표현식 -> 호이스팅 영향받지 않음 함수가 변수에 저장될 수 있다는 사실을 보다 분명하게 보여준다...

slice 와 substring의 차이점 slice는 배열,문자열에 사용가능 substring은 문자열에만 사용가능 💡 같은 기능을 하지만, slice를 더 포괄적으로 사용할 수 있다! 맥북에서 한글모드 중 백틱(`)을 누르면 ₩가 표시되고, 영문모드에서는 정상적으로 백틱(`)을 누를수있다.

원시자료형 vs 참조자료형

[javascript] 반올림(round), 올림(ceil), 내림(floor) ✹ 반올림(Math.round()) // "M"은 꼭 대문자! ✹ 올림(Math.ceil()) ✹ 내림(Math.floor()) _남편은 결혼 전 말했다. 반올림하면 키가 180cm 된다고... 코딩은 거짓말을 하지않는다. 근데 180 왜 안나와?...

1.HTML 태그 1. 태그의 속성 💡The opening tag: This consists of the name of the element (in this example, p for paragraph), wrapped in opening and closing angle brackets. This opening tag marks where the elem...

1. document.querySelector와 textContent를 활용하여 html에 있는 값들 바꾸기 class일때와 ID일때 구분하기! 2. 오늘 CSS에서 사용한 것들; border-style: dotted; /점선 스타일/ border-color: yellow; /* 점선색상 노랑색으로*/ border-width: 7px; /점선 두께 7...

1. CSS를 적용할 수 있는 3가지 방법 🤟🏼 1. 외부 스타일 시트(External Style Sheet) head 부분에 link 넣기! 2. 내부 스타일 시트 (Internal Style Sheet) 스타일 태그 활용하기! 3. 인라인 스타일 (Inline Styles) HTML 태그 내에 스타일 지정하기! 2. script tag를 마지막...

CLI 기본 명령어 1) pwd: 현재 위치 확인 <- print working directory 2)mkdir: 새로운 폴더 생성하기 <- make directory 3) ls: 특정폴더에 포함된 파일이나 폴더 확인하기 <- list 4) 특정 명령어와 옵션 사용하는 경우 dash 사용
ex) ls - l, ls -a, ls -al (💡ls+스페이스+d...

1. Git이란? git은 간단히 말해 버전관리를 하는 방법이다. 그렇다면...gitHub는? gitHub는 git을 할 수 있게 해주는 cloud 서비스이다. 2. origin이란? 다른 사람의 github저장소를 fork했을때 나의 repository 3.commit삭제 git reset HEAD^ :commit 1개 삭제 git reset HEAD^^...

배열 1. 배열 요소(element)를 추가 할 수 있다. 온점(dot)을 이용해서 관련된 명령(또는 method 라고 부름)도 실행할 수 있다. 명령을 실행할때는, 함수를 실행하듯 괄호를 열고 닫는 형태로 실행한다. 예) array.push(77); —> 기존의 array 맨 마지막 요소 뒤 숫자 77가 추가된다. 2. 배열 길이를 알아 낼 수 있다....

/

=

HTML CSS

1.참조자료형 -참조자료형 (reference data type; 참조타입)에는 배열([]), 객체({}), 함수(function(){})가 대표적으로 있다. 참조 자료형의 변수에는 데이터가 보관되는 것이 아니고, 데이터가 위치한 곳(메모리상 주소)을 가리키는 주소가 저장된다. 그리고 이 데이터 보관함은 동적으로 변한다(사이즈가 늘었다가 줄었다 할 수 있다...

1. spread 문법 -정해지지 않은 수(an indefinite number, 부정수) 인수를 배열로 나타낸다. 2. rest parameter 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장한다. 3. Object.keys() parameter 주어진 객체의 속성 이름들을...

DOM, HTML, JavaScript

Object의 길이를 알고싶다면? • '.length'는 배열에 쓸 수 있다. object에서는 undefined로 나온다..Object.keys를 사용하면, key의 배열이 나온다. 그럼 다시 length method를 쓸수있다! • Object.keys: 객체의 property(or key) 이름만 묶어서 배열로 반환한다 • Object.values: ...

1. innerText vs innerHTML vs textContent innerText는 실제로 화면에 보여지는 '사람이 읽을 수 있는' 요소만 처리한다. 즉, 스타일링을 고려하며, '숨겨진' 요소의 텍스트는 반환하지 않는다. innerText는 내용을 바꿀수 없다. 만약 내용을 바꾸고 싶어서 tag+내용을 쓰면 tag를 포함한 모든 내용이 text...

1. 고차함수란? 함수를 인자로 받을 수 있고, 함수의 형태로 리턴할 수 있는 함수다. 변수에 할당 할 수 있다. 다른 함수의 인자로 전달될 수 있다. 다른 함수의 결과로서 리턴될 수 있다. 2. 콜백함수란? 다른 함수의 인자로 전달되는 함수이다. 3. 배열 내장 method 중 고차함수 3가지 ; map, filter, reduce 이 3가지 함수는 ...

1.React란? 리액트란 프론트엔드 개발을 위한 JavaScript 오픈소스 라이브러리다. React 3가지 특징 1) 선언형(명시적이라는 뜻이라고 보면 된다. 코드를 보면 바로 알수 있다..): 리액트는 한 페이지를 보여주기 위해 HTML,CSS,JS로 나눠서 적기보다는 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍을 지향한...

1. React SPA Single Page Application의 줄임말로 서버로부터 완전한 새로운 페이지를 불러오지 않고 페이지 갱신에 필요한 데이터만 받아 그 정보를 기준으로 현재의 페이지를 업데이트함으로써 사용자와 소통하는 웹 어플리케이션이나 웹 사이트를 말한다. 2. SPA의 장점 전체 페이지가 아니라 필요한 부분의 데이터만 받아서 화면을 업데이트...

1. state VS props props는 외부로부터 전달받은 값 state는 내부에서 변화하는 값 State가 변경되면, re-rendering을 통한 화면 업데이트가 일어난다. 2. useState React에서는 state를 다루는 방법 중 하나로 useState라는 특별한 함수를 사용한다. useState의 전달인자는 state의 초기값이다. ...

Event Handler Parameter 전달하기 1. 전달할 parameter가 없거나 이벤트를 parameter로 전달하는 경우 2. 이벤트 객체가 아닌 parameter를 전달하는 경우 3. 여러개의 parameter를 전달하는 경우

1.객체 지향 프로그래밍(OOP) 객체 지향 프로그래밍(OOP, Object-oriented Programming)의 반대말은 절차 지향 프로그래밍이다. OOP는 프로그램 설계 철학이고, OOP의 모든 것은 ‘객체’로 그룹화 된다. 절차적 언어는 초기의 프로그래밍 언어를 부르는 말로 예를 들어 C,포트란 등이 있다. 이 절차적 언어는 순차적인 명령의 조합으...

어렵다 재귀함수...ㅜㅜ 문제를 많이 풀어보는 수 밖에....ㅜㅜ 1. 재귀함수

1.JSON JSON은 JavaScript Object Notation의 줄임말로, 데이터 교환을 위해 만들어진 객체형태의 포맷이다. 다만 객체와는 다르게, JSON은 모든 내용을 문자열로 변환시킨다. 이 변환된 문자열 덕분에 메시지 객체를 전송하며 데이터 교환이 가능한 것이다. 객체의 '키'에는 따옴표를 쓸수 없지만, JSON형태에서의 '키'는 문자열을 ...

1.Stack Stack의 사전적 의미는 '쌓다','쌓이다','포개지다' 등이 있다. 이것처럼 Stack은 데이터를 순서대로 쌓는 구조를 말한다. 이렇게 데이터를 순서대로 쌓다보면, 제일 먼저 들어간 데이터는 가장 나중에 나올 수 있을 것이다. 이러한 Stack 자료 구조의 정책을 LIFO(Last In First Out) 혹은 FILO(First In L...

Fibonacci 수열을 구하는 효율적인 알고리즘 O(n)으로 문제풀기 첫번째. 두번째. 두번째 방법은 사실 수학공식을 사용하는 것이라, 코딩구조를 볼 것은 없다..😅

1. BFS (Breadth First Search, 너비 우선 탐색) 그래프 전체를 탐색하는 방법 중 하나로, 루트 노드(또는 다른 임의의 노드)에서 시작하여 인접한 노드를 먼저 탐색한다. 시작 정점으로 부터 가까운 정점을 먼저 방문하고, 멀리 떨어져있는 정점을 나중에 방문 순회하며 노드를 넓게 탐색하여 너비 우선 탐색이라고 불리운다. 주로 두 노드 사이...

1. forEach Method 주어진 함수를 배욜 요소에 각각에 대해 실행한다. 3가지 매개변수를 받는다. current value는 처리할 현재요소. 임의의 이름을 지정해도 혼자서 배열을 순회한다. 처리할 현재 요소의 인덱스. 필수는 아니다. forEach()를 호출한 배열. 필수는 아니다. 배열의 기존 요소값이 바뀐 경우, call...

1. 동기적(synchronous) VS 비동기적(asynchronous) 1-1. 동기 동기식 처리는 한번에 한 작업만, 하나의 main thread에서 순차적으로 작업이 진행되며 처리될 수 있다. 그리고 다른 작업은 앞선 작업이 끝나야 수행된다. 참고로 자바스크립트는 싱글 thread이다. 컴퓨터가 여러개의 CPU를 가지고 있어도 main thread라...

1. Node.js Node.js는 개발자가 서버 측과 네트워크 응용 프로그램을 만들수 있도록 지원하는 JavaScript 런타임 환경이다.(런타임 환경은 컴퓨터 컴퓨터가 실행되는 동안 프로세스나 프로그램을 위한 소프트 웨어 서비스를 제공하는 가상 머신의 상태이다. 운영 체제 자체에 속하는 경우도 있고, 운영 체제에서 작동하는 소프트웨어를 뜻할 수도 있다....

예시 코드 ![](https://images.velog.io/images/boraborayoon/post/cdaad043-2829-4c9d-b98e-942c82f116a6/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202021-10-16...

1. Client-Server Architecture 다른말로는 2 tier architecture라고 불린다. ‘리소스가 존재하는 곳’과 ’리소스를 사용하는 앱’을 분리하였기 때문에.. ‘리소스를 사용하는 앱’이 ‘클라이언트’이다. ‘리소스가 존재하고 리소스를 제공하는 곳은 ‘서버’이다. 리소스를 저장하는 공간을 별도로 마련한 경우는 3 tier arch...

1. REST API REST : Representational State Transfer의 약자로 http의 장점을 최대한 활용할 수 있는 아키텍처이다. 웹에서 사용되는 데이터나 자원(resource)을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식이다. REST 성숙도 모델 총 4단계로 0,1,2,3단계가 있다. ...

1. Side Effect(부수효과) 부수효과란, 함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우를 말한다. ex) React 컴포넌트에서의 Side Effect 타이머 사용(setTimeout) 데이터 가져오기(fetch API, localStorage) 2. Pure Function(순수함수) 순수함수란, 오직 함수의 입력만이 함수의...

1단계: UI를 컴포넌트 계층 구조로 나누기 단일 책임 원칙: 하나의 컴포넌트는 한가지 일을 하는게 이상적인 원칙이다. 만약 하나의 컴포넌트가 커지게 되면 이는 보다 작은 하위 컴포넌트로 분리해야한다. 2단계: React로 정적인 버전 만들기 데이터 모델을 가지고 UI를 렌더링은 되지만, 아무 동작도 없는 버전을 만들어본다. 데이터 모델을 렌더링하는 앱의...

1. Node.js란 Node.js 공식 사이트에 내린 Node.js의 정의는 "Chrom V8 JavaScript 엔진으로 빌드된 JavaScript 런타임이다. Node.js는 이번트 기반, 논 블로킹 I/O 모델을 사용해 가볍고 효율적이다." 또한 Node.js는 비동기 이벤트 주도 JavaScript 런타임으로써 Node.js는 확장성 있는 네트워크...

1. Express MERN stack은 JavaScript 생태계에서 인기있는 프레임워크인 MongoDB, Express, React, Node를 지칭한다. 이 중 Express.js는 Node.js환경에서 웹 서버, 또는 API 서버를 제작하기 위해 사용되는 인기있는 프레임워크다. Express로 구현한 서버가 http 모듈로 작성한 서버와 다른 점은...

1. Express사용시 request body 가져오기 오늘 가장 어려웠던.... 2. app.use()도 사용하고, res.json(req.body)도 또 쓰는 이유 app.use(express.json())은 요청에서의 바디를 json으로 해석하는 것이고 res.json(req.body)는 응답에서의 바디를 json으로 변경하는 것이다. 3. exp...

1. CDD란 Component-Driven Development의 약자로, 재사용할 수 있는 UI 컴포넌트를 미리 디자인 하고 개발 할 수 있도록, 부품 단위로 UI 컴포넌트를 만들어 나가는 개발이다. CDD가 트렌드로 자리 잡게 되면서 이를 지원하는 도구 중 하나인 Component Explorer(컴포넌트 탐색기)가 등장했다. 그 중 하나가 story...

📚 비동기 복습...

💅🏼 CSS 스타일 적용하기 어렵다 CSS ㅜㅜ z-index:999 => 가장 앞으로 배경을 올려줄 수 있다. role: 'dialog' => 모달창 구현시 필수적으로 적용해줘야한다. 글자그대로 대화창 처럼 화면이 뜨게 해준다. ' > ' => 자식 결합자로, 첫 번째 요소의 바로 아래 자식인 노드를 선택한다. 직계자식을 선택하게 하여 css를 적...

프론트엔드 개발에서 상태란, 프론트엔드 개발에서 상태란, UI에 동적으로 표현될 데이터이다. 프론트엔드 개발에서 Side Effect란, 함수(또는 컴포넌트)의 입력 외에도 함수의 결과에 영향을 미치는 요인이다. 예를 들면, 네트워크 요청 (백엔드 API요청)이 있다. 두가지 상태: 로컬 & 전역 로컬: 특정 컴포넌트 안에서만 관리되는 상태이다. 로컬 ...

1. Redux란 Redux는 Recuder와 Flux를 합친말이다. Redux는 React없이도 사용할 수 있는, 상태 관련 라이브러리이다. Redux를 배우는 이유는 컴포넌트와 상태를 분리하기 위함이다. 그동안에는 상태를 다루기 위해 컴포넌트 안에서 상태 변경 로직이 복잡하게 얽혀있는 경우가 많았다. 그러나 상태 변경 로직을 컴포넌트로부터 분리하면, 표...

📚 비동기,HTTP 복습... 1. Promise 사용 시, resolve, reject 순서 잘 지키기!! 2. Chaining vs Promise.all chaining을 사용할 때는 순서가 중요한 경우 : A 결과가 다 끝나고 B에 사용되어야 할 때 promiseall을 사용하는 경우: 같은 task를 동시에 처리해야하는 경우 3. HTTP의...

1. SSR(Server Side Rendering) 웹 페이지(HTML)를 서버에서 렌더링한다. (브라우저가 아닌..) 브라우저가 서버의 URI로 GET 요청을 보내면, 서버는 정해진 웹 페이지 파일(HTML)을 브라우저로 전송한다. 그리고 서버의 웹페이지(HTML)가 브라우저에 도착하면 완전히 렌더링 된다. 서버에서 웹페이지(HTML)를 브라우저로 보내...

📚 Closure 복습 클로저란 이미 생명 주기가 끝난 외부 함수의 변수를 참조하는 함수를 가리킨다. 예를 들어 이 함수를 output에서 넣고 // output=outer(); output()을 콘솔에 찍으면 자동으로 1,2,3... 증가하는 것을 볼 수 있다. outer() 함수를 호출하면 inner 함수에서 변수 x가 자신의 유효 범위가 아님에도...

1. 사용권한 1. 파일 또는 폴더의 권한 확인하기 터미널에 “ls -l”이라고 입력하면, -rw-r—r—, rwxr-xr-x ,drwxr-xr-x 등 dr,x 등이 뒤섞인 결과가 나올 것이다. 첫 시작은 - 또는 d -: 폴더아님(not directory) d: 폴더(directory) 이어지는 r,w,x는 r: 읽기권한(read permission)...

_효율적인 알고리즘을 구현한다는 것은, 입력값이 커짐에 따라 증가하는 시간의 비율을 최소화한 알고리즘을 구성했다는 것..._ 1. 시간복잡도 입력값의 변화에 따라 연산을 실행할 때, 연산 횟수에 비해 시간이 얼마나 걸리는지 표현한 것 시간 복잡도를 표기하는 방법 Big-O (빅-오) : 상한 점근(최악) Big-Ω (빅-오메가) : 하한 점근(최선...

1. 오랜만에 다시 보는 것들.. 순열 : nPr = n! /(n-r)! 조합 : nCr= n! / r! (n-r)! 약수 : 어떤 수를 나누어떨어지게 하는 수 배수 : 어떤 수의 1,2,3,…n 배하여 얻는 수 공약수 : 둘 이상의 수의 공통인 약수 공배수 : 둘 이상의 수의 공통인 배수 최대 공약수(GCD. Greatest Common Divisor):...

1. 데이터베이스의 필요성 In-memory 로 저장하면, 프로그램이 실행될 때만 존재한다. 엑셀시트나 CSV같은 파일형태는 In-memery에 비해 적절해보이지만, 데이터가 필요할 때마다 전체 파일을 읽어야하고 파일의 크기가 커질수록 작업이 버겁다. 그리고 파일이 손상되거나 여러개의 파일들을 동시에 다뤄야하는 복잡한 상황에서는 사용이 어렵다. > 그래서 ...

1. Schema Schema (스키마)란, 데이터베이스에서 데이터가 구성되는 방식과 서로 다른 엔티티 간의 관계에 대한 설명이다. 즉, 데이터베이스의 청사진과 같다. 엔티티(entity)는 고유한 정보의 단위이다. 엔티티는 데이터베이스에서 테이블로 표시 할 수 있다. 각 엔티니에는 해당 엔티티의 특성을 설명하는 필드(filed)가 있다. 행렬이라면, 열(...

1. Database Normalization(데이터베이스 정규화) 데이터베이스 정규화는 데이터베이스의 설계와 관련이 있다. 데이터베이스 설계에 따라 데이터가 저장될지 그 구조를 결정하기 때문이다. 이를 위해서 크게 중요한 부분은 1-1. DATA REDUNDANCY (데이터 중복) 데이터 중복은 실제 데이터의 동일한 복사본이나, 부분적인 복사본을 뜻한다....

1. Model knowlege hand

1. ORM (Object-Relational Mapping) 위키백과에 나온 사전적의미는 데이터베이스와 객체 지향 프로그래밍 언어 간의 호환되지 않는 데이터를 변화하는 프로그래밍 기법이다. 쉽게 말하면, 관계형 데이터 베이스를 자바스크립트의 객체, 클래스처럼 취급할 수 있도록 통역 해주는 역할을 한다고 할 수 있다. ORM을 사용하면 좋은 점 데이터베이...

1. Sequelize 설치하기 터미널에 npm install — save sequelize 한다. 2. Sequelize CLI 설치하기 ‘-dev’라고 쓰는 이유는 초기 세팅시만 필요하여 dev dependency에만 설치하기 위해서 sequelize-cli는 migration을 할 수 있도록 돕는 툴로, cli에서 모델을 생성해주거나, 스키마 적용을...

1. MongoDB란, NoSQL database는 데이터를 행과 열이 아닌, 또다른 체계적인 방식으로 저장한다. MongoDB는 대표적인 NoSQL document database이다. document database는 데이터를 테이블이 아닌, 문서처럼 저장하는 database를 의미한다. 일반적으로 document database에서는 JSON 유사 ...

1. HTTPS란, HTTPS는 Hyper Text Transfer Protocol Secure Socket Layer의 약자로, HTTP over SSL(TLS), HTTP over Secure라고 부른다. 즉, HTTPS는 HTTP+ Secure(보안)이 추가된 프로토콜이다. HTTPS는 HTTP 요청을 SSL 혹은 TLS 라는 알고리즘을 이용해, HT...

1. 토큰 기반 인증이 필요한 이유 세션 기반인증은 서버(혹은 DB)에 유저 정보를 담는 인증 방식인데, 이는 유저가 민감하거나 제한된 정보를 요청할 때마다 서버에서 서버가 가지고 있는 세션 값과 일치하는지 확인한다. 매 요청마다 DB를 살펴보는 것도 불편하고 부담되기 때문에 탄생한 인증이 토큰기반 인증이고, 이 중에서도 가장 대표적인 토큰은 JWT (JS...

OAuth2.0은 인증을 위한 표준 프로토콜의 한 종류로, 보안된 리소스에 액세스하기 위해 클라이언트에게 권한을 제공(Authorization)하는 프로세스를 단순화하는 프로토콜이다. OAuth에서 꼭 알아야 할 용어 Resource Owner : 액세스 중인 리소스의 유저 Client : Resource owner를 대신하여 보호된 리소스에 액세스...

1. 운영체제 1-1. 시스템 자원 관리 운영체제는 응용 프로그램이 하드웨어에게 일을 시킬 수 있도록 도와준다. 하드웨어를 구성하는 일을 하는 CPU, 자료를 저장하는 RAM, 디스크 등의 시스템 자원을 관리하는 주체가 운영체제이다. 1-2. 응용 프로그램 관리 모든 응용 프로그램이 시스템의 자원을 마음대로 사용하면, 공격에 무방비한 상태가 된다. 따라서 ...

1. 가비지 컬렉션이란? 가비지 컬렉션은 프로그램에서 더 이상 사용하지 않는 메모리를 자동으로 정리하는 것이다. 이 기능을 가진 언어(혹은 엔진)는 자바, C#, 자바스크립트 등이 있다. 자바스크립트는 도달가능성(reachability)라는 개념을 사용하여 메모리 관리를 수행한다. ‘도달 가능한(reachable)’ 값은 쉽게 말해 어떻게든 접근하거나 사용...

1. Branch란, 브랜치란 독립적으로 어떤 작업을 진행하기 위한 개념이다. 브랜치는 다른 브랜치의 영향을 받지 않기 때문에, 여러 작업을 동시에 진행할 수 있다. 즉, 한 소스코드에서 동시에 다양한 작업을 할 수 있게 해준다. 그리고 소스코드의 한 시점과 동일한 상태를 만들고, 브랜치를 넘나들며 작업을 수행할 수 있다. 또한, 각각의 브랜치에서 생긴 변...

1. AWS (Amazon Web Service) Cloud Computing의 등장은 기존 서버 방식에는 한계에서 비롯됐다. 주가적인 유지관리가 필요함 공간의 한계에 부딪힘 기존 서버의 한계 때문에 서버의 자원과, 공간 및 네트워크 환경을 제공하는 클라우드 컴퓨팅이 시작되었다. (이러한 환경을 “On-premise”라고 부른다.) 최근 가상화 ...

📚 AWS에서 제공하는 서비스를 공부하다가 새로 알게된 용어들을 정리해놓으려고 한다. 난 또 까먹을테니까....🤣🤣🤣정리순서는..내가 처음 맞닥뜨린...순서대로 나열하였다. EBS : EC2 인스턴스를 위한 영구 스토리지. EC2의 수명주기와 무관하게 데이터 보

1. Container 애플리케이션이 의존성, 네트워크 환경, 파일 시스템에 구애받지 않고, 도커라는 기술 위에 실행될 수 있도록 만든 애플리케이션 상자 도커에 의해 관리/제공되는 (도커가 호스팅하는) 애플리케이션 단위이다. 2. Image 애플리케이션 및 애플리케이션 구성을 함께 담아놓은 템플릿으로, 이를 이용해 즉시 컨테이너를 만들 수 있다. 실행되는...

1. 배포자동화란, 한번의 클릭 혹은 명령어 입력을 통해 전체 배포 과정을 자동으로 진행하는 것을 뜻한다. 배포 자동화를 이용하면 시간절약이 가능하고, Human Error를 방지할 수 있다. Human Error는 사람이 수동적으로 배포 과정을 진행하는 중에 언제든 생길 수 있고, 그 전에 했던 배포 과정과 비교하여 특정 과정을 생략하거나 다르게 진행하여...

let과 const의 차이는 알고있었다. let과 var의 공통점으로는 여러번 할당이 가능한것으로 알고있었다. 그렇다면 차이는 무엇일까?? 🤓 let 과 var의 차이 한문장으로 표현하면 var는 재선언 가능 / let은 재선언 불가능 하다. var는 같은 변수 이름을 여러번 선언할 수 있다. var는 모든 블록 스코프를 무시하고, 함수 스코프만 따른다...

HTTP(HyperText Transfer Protocol) 웹상에서 클라이언트와 서버가 서로 정보를 주고받을 수 있도록 하는 규약 클라이언트는 URL(Uniform Resource Locator)로 된 HTTP를 통해 서버에게 정보 송신을 요청 HTTPS(HTTP + Secure) HTTP의 일반 텍스트에 SSL 이나 TLS 프로토콜을 씌워 데이터를 암호...

1. 목적 브라우저는 HTML, CSS, 자바스크립트를 실행하여 웹 페이지를 화면에 띄워주는게 목적이지만, Node.js는 서버 개발 환경을 제공하는 것이 목적이다. 2. 각 환경에서 제공하는 API 브라우저의 경우, 사용자에게 웹 페이지를 보여주는 것이 목적이기 때문에 HTML 요소를 선택하고 조작하는 DOM API와 같은 UI와 관련된 API를 제공한...

1. JWT는 statelss JWT는 stateless한 방식으로 서버측에서 이 토큰을 가지고 있는 클라이언트가 정말 클라이언트가 맞는지 확인할 수 없다는 문제점이 있다. 2. Access token의 보완책, Refresh token 이에 대한 보안책으로 refresh token이라는 추가 토큰을 활용할 수 있다. refresh token은 사용자 인...

RDS의 비용이 free tier가 끝나며 점점 올라갔다. AWS 비용을 줄일 수 있는 방법을 고민하던 중, 아는 분께서 Cloudtype을 소개시켜주셨다.