TIL

오늘은 변수와 함수, 조건문과 문자열을 진행했다.국비학원과의 일정과 어쩔수없이 겹치는 지라...페어를 진행하지 못하게 되어서 솔로로 과제를 진행했다.오늘 했던 코플릿에서 가장 재미있었던건 피타고라스 증명이었으며그로 인해서 자바스크립트 내에서 제곱을 구하는 내장함수 Ma

오늘은 문자열 코플릿들을 진행하였다.평소에도 문자열자체에 큰 무게를 안실고있었는데 실제로 해보니너무나도 필수적인 요소가 많았다.jsp를 통한 웹 작업을 할때도 문자열이 정말 많이 쓰였는데 지금에서야이해가 되는 기분이다... 문자열 자체는 외우는게 기본적인것같은데실제로는

오늘은 반복문 코플릿을 하였는데 진심으로 기초가 부족하다는 느낌을 받았다. 특히나 이중 for문부터 많이 힘들다 느꼇는데 그것도 그거지난 반복문의 중추잉 조건문을 설정하는게 여간 까다로운 문제가 아닐수 없었다. 소수문제부터는 사경을 헤메었고 레퍼런스를 참조하지.않았지만

오늘 배운것은 스프린트를 통하여 계산기의 로직을 제작해보고그것을 통하여 조건문과 변수선언, 그리고 html에서 선언되어있는 태그의 클래스를 통해 정보의 전달방식과 onClick 이벤트를 통하여js자체의 액션을 사용하는 법에 대하여 공부를 하였다.calculate라는 3

오늘은 배열의 기초에 대해서 배웠다.반복문이 대량의 정보를 처리하는 것에 강하다면대량의 정보를 보관, 관리하기 쉽게 해주는 것이 배열이다.배열의 이름은 변수처럼 메모리의 저장값이 담겨있는 곳을 가리키는 포인터이며 배열의 경우엔 인덱스 첫자리 즉 0번째 인덱스의 내용이

오늘 배운것 오늘은 정말 많은걸 배웟는데 그중에 가장 기억에 남는거라면 객체이다. 객체 자체는 접근과 사용이 용이하고 좋은데 접근법에 대해서 나자신이 이해가 한참안되었다가 지금 이시간에서야 조금은 이해가 되는 것같아서 이렇게 금일 til의 메인이 되었다. 객체란? 객체는 배열과는 사뭇 다른 차이를 가지고 있는데 배열은 순서를 가진 데이터의 모임이라면 [...

오늘 배운것 오늘은 스코프와 클로저에 대해서 배웠다. 스코프(Scope)란 [변수의 사용범위]이다. 뭔가 별것 아닌것 처럼 느껴지지만 기본적으로 모든 원시코드, 참조코드의 중심에는 변수가 있다. 이 변수가 어딘가에서는 사용이 가능하고 어느 범위를 벗어나면 사용하지 못한다. 정확히는 사용하지 못하는게 아니라 접근자체를 할수가 없다. 하나의 보이지않는 장벽처...

어제에 이어서 어제는 스코프, 오늘은 스코프를 이용한 방식?(패턴의 사용법)중 하나인. 클로저(Closure)이다. 클로저의 극단적인 설명은 클로저는 하나의 기능이며, 이것이 허락하는 하에 다른 기능이 처리하는 결과물을 유사한 쓰임새로 만들수 있다. 말이 너무 추상적이라면 이제부터 다시 정리를 해야할것같다. 클로저 -by https://develope...

호이스팅(Hoisting) 스코프에 관한 이야기를 하면서 자연스럽게 나오는 얘기는 바로 호이스팅이다. 호이스팅이란? 공사장에서 화물을 들어올리는 그런 것을 얘기하는데 일단은 런타임에 대해서 얘기를 시작해야한다. 자바스크립트의 컴파일방식은 인터프리터 방식이다. 파이썬과 비슷한 방식을 이용하는데 c같은 절차지향이 아닌것이다. 보통 프로그램을 시작을 하면 처음...

오늘 배운것 오늘 공부하며 고민한 문제는 얕은복사(swallow copy)와 깊은복사(deep copy)이다. 우선 자바스크립트의 복사에 대해서 제대로 된 이해가 필요했다.일단 디테일이 아닌 전체에 대한 설명으로는.얕은 복사는 객체의 레퍼런스(참조값 == 메모리에 접근이 아닌 객체가 담긴 주소에 접근)하는것이다. 반대로 깊은 복사는 객체 그자체의 valu...

오늘 배운것 오늘의 주제는 고차함수이다. 고차함수에 들어가기에 앞서 일급객체에 대해 간단히 얘기를 해야한다. 일급 객체라는 것은 자바스크립트에서 특별한 대우를 받는 것들을 얘기하는데 그중에서 오늘 볼것은 함수이다. 함수가 일급 객체인 이유는 데이터처럼 편하게 자료형을 옮겨 다니며 사용할수 있기 때문이다. 변수에 할당할 수 있다. 다른 함수의 인자로 전달될...

어제에 이어서.. 어제 얘기가 나온 고차함수 메소드 중에서 오늘 살펴볼 것은 map() filter() reduce() 이다. 요 세녀석들은 참으로 많이 사용되는 것 같은데 그중에서 map함수는 정말로 다른 작업을 하면서도 많이 구경을 했었다. 이제 차근차근 다시 복습해야한다. filter filter 메소드는 배열의 요소 중 특정 조건을 만족하는 ...

오늘 배운것 오늘의 주제는 DOM(Document Object Model)이다. DOM이란 동적인 요소가 존재하지 않는 HTML문서 내에서 동적인 엔진을 담당하는자바스크립트의 DOM 은 구조화된 nodes와 property 와 method 를 갖고 있는 objects로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있...

오늘 배운것 오늘은 DOM의 사용이다. 군말없이 바로 기초적인 사용법에 대해 열거한다. 생성 - createElement() DOM에서 특정 엘리먼트를 만드는 방법은 createElement이다. 이때 파라미터로 받는것은 엘리먼트로 사용할 TAG속성이다. 연결 - append, appendChild 여기서 일반적인 crud의 흐름이 아닌 append를...

어제에 이어.. 오늘은 DOM의 사용 2편이다. 군말없이 바로 기초적인 사용법에 대해 열거한다. 수정 - textContent, classList.add DOM에서 특정 엘리먼트를 만드는 방법은 createElement이다. 이때 파라미터로 받는것은 엘리먼트로 사용할 TAG속성이다. -> 자매품으로 innerHTML이 있으나, 이 함수는 텍스트, 즉 ...

오늘의 공부 오늘은 여러 내장함수를 적으며 복습할것이다. slice()는 배열의 start 인덱스부터 end 인덱스 이전까지의 요소를 shallow copy하여 새로운 배열을 리턴합니다. slice = function (arr, start, end) { 변수를 선언할 경우, 아래와 같이 콤마(,)를 이용해 선언할 수 있습니다. 이때, 콤마로 연결된 변수...

오늘의 공부 오늘은 재귀함수를 배웠고 그것에 대해서 적어볼려고 한다. 1. 재귀 함수의 입력값과 출력값 정의하기 2. 문제를 쪼개고 경우의 수를 나누기 3. 단순한 문제 해결하기 4. 복잡한 문제 해결하기 5. 코드 구현하기 -> 가장 중요한 재귀적 사고를 하기위한 방식이다. 여기서 중요한 것은 flattenArr()이라는 함수를 만들고 그안...

오늘 배운 것. 오늘은 JSON.stringify에 대해서 공부를 했다. 배운 것들을 정리해볼 참이다. JSON(JavaScript Object Notation)이란? JSON은 JavaScript Object Notation의 약자로, 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷이다. 비동기 브라우저/서버 통신 을 위해, 넓게는 XML을 ...

오늘 배운 것. 오늘은 비동기 호출에 대해서 공부했다. 이것에 대해서 확실하게 심지어 감도 못잡은것일수도 있지만, 그래도 TIL로 적으면서정리할겸 복습할 예정이다. 비동기 호출에 대해서. 동기 호출이란 카페에서 커피를 시킬때 앞사람(쓰레드)이 주문을 할때 해당 사람의 모든 오더가 끝이나야 다음 사람이 주문을 할수있다. 이것이 기본적인 동기호출이다. 자...

오늘의 공부 오늘은 여러 내장함수를 적으며 복습할것이다. Object.keys()는 지정된 객체의 고유 한 열거 가능한 [속성 이름 배열]을 반환 하며 일반 루프와 동일한 순서로 반복된다. Object.assign(target, ...sources)는 하나 이상의 객체 에서 [대상(target)] 객체로 열거 가능한 모든 속성 을 복사한다. 그리고 ...

오늘의 공부 오늘은 여러 내장함수를 적으며 복습할것이다. Array.sort()는 배열의 요소를 적절한 위치에 정렬한 후 그 [배열]을 반환한다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따른다. compareFunction이 제공되면 배열 요소는 compare 함수의 반환 값에 따라 정렬된다. a와 b가 비교되는 두 요소라면, comp...

오늘의 문제 Sum of All Odd Length Subarrays 양의 정수 배열이 주어지면 arr가능한 모든 홀수 길이 부분 배열의 합을 계산합니다. 하위 배열은 배열의 연속적인 하위 시퀀스입니다. 의 모든 홀수 길이 부분 배열의 합을 반환합니다 입력 : arr = [1,4,2,5,3] 출력 : 58 설명 : arr의 홀수 길이 부분 배...

오늘의 공부 오늘은 this에 대해서 공부를 하였다. this란 함수와 객체를 같이 사용하기에 용이하게 교두보가 되는 명령어이다. 단어의 뜻과 동일하게 '이것'이라는 맥락 그대로 이해해도 괜찮다고 생각한다. 간단한 예시를 보고 this에 대해서 알아보자. 이처럼 this는 사용법에 따라서 this자체가 해당 코드에서 각각 다른 포지션으로 사용할수있다. ...

오늘의 공부 오늘은 스택과 큐에 대해서 정리를 할것이다. Stack 서류더미의 가장 위에 종이한장을 더 올릴 수 있고, 가장 위에서 한 장을 뺄 수도 있다. 서류 더미에서는 맨 처음에 놓은 종이가 항상 맨 마지막에 제거된다. Stack이란 이러한 방식으로 항목을 더미처럼 쌓아놓고 가장 위의 항목을 기준으로 작업을 수행하는 방식이다. last-in fi...

HashTable 그림: paigekim29@gmail.com 해시 테이블은 어떤 특정 값을 받으면 그 값을 [해시 함수]에 통과시켜 나온 인덱스(index)에 저장하는 자료구조이다. 해시테이블의 장점은 객체(object)와 같이 키값과 밸류값을 받는데, 이렇게 받음에도 자료를 찾는것이 굉장히 빠르게 처리된다. 이유는 해시 함수를 틍하여 인덱스를 부여받기...

오늘 배운것 오늘은 이진탐색트리에 대해서 정리해볼것이다. 이진탐색트리(Binary Search Tree)는 일반적인 트리와 비슷한 형태이지만 큰차이가 나는 것은 한부모노드가 자식노드를 2개까지만 가질수 있다는 점이다. 그리고 추가된 노드는 부모보다 작다면 왼쪽편 부모보다 크다면 오른쪽편으로 들어가는 것이다. 이것을 트리의 기본적인 구현원리인 재귀함수를 통...

Object Oriented Programming 객체지향의 특성 장점과 단점 상속을 통한 재사용과 시스템의 확장이 용이하다. 코드의 재활용성이 높다. 자연적인 모델링에 의해 분석과 설계를 쉽고 효율적으로 할 수있다. 사용자와 개발자 사이의 이해를 쉽게 해준다.

Functional Instantiaiton : 함수를 이용해서 인스턴스 객체 생성 Functional Shared 메모리 관리를 향상시키는 아랫쪽 functional에서 발견 된 메서드의 중복을 제거합니다. 개체가 인스턴스화 될 때 공유 메서드에 대한 포인터가 생성됩니다. 메서드를 수정 한 다음 새 개체를 만들면 원래 개체와 새 개체가 서로 다른 메...

출처: ckdev301509@gmail.com 프로토타입이란? 자바스크립트에서의 클래스 자바스크립트는 객체지향 언어이다. 그리고 우리가 알고있는 많은 언어들은 객체지향에서 클래스라는 강력한 기능을 필두로 사용자들에게 큰 도움이 되고있다. 그렇다면 자바스크립트에도 클래스가 있겠지? 신기하게도 ES6가 되어서야 클래스가 처음으로 자바스크립트에서 구현이 되었다...

프로토타입 체인이란? 프로토타입 체인이란 프로토타입을 통한 상속에서 해당 생성자 A가 어떠한 기능을 부모 생성자 B에게서 가지고 와서 사용을 할때, 실제 실행에서는 A를 실행을 했는데 해당 생성자는 기능을 가지고 있지않아서 A의 PROTO를 참고하여 부모 생성자 B로 가서 해당기능이 있는지를 확인한다. 이 과정을 프로토타입 체인이라고 한다. 프로토타입 ...

Bind란 무엇인가? 객체 메서드를 콜백으로 전달할 때 ’this 정보가 사라지는’ 문제가 생긴다. 그리고 이 this는 global을 가리키게 되고, 우리가 사용하는 방식과는 전혀 다른 역할을 맡아버리게 된다. 이를 방지하기 위해 사용하는것이 bind이다. 여기서 사용할수있는 함수가 this를 수정하게 해주는 내장 메서드 bind이다.

오늘의 공부 오늘은 싱글스레드인 자바스크립트에서 비동기와 동기를 왔다갔다하며, 멀티스레드 방식의 코딩을 할수있게 해주는 친구들에 대해서 공부를 해보자. 첫번째는 promise이다. promise? 프로미스는 기존에 사용하던 callback의 기능(비동기처리)을 대신하고 callback지옥에서 벗어나기 위해서 새로이 만들어진 내장객체(es5)이다. 서버...

API란 무엇일까? api는 Application Programming Interface의 약자로, 유저가 사용하는 브라우저(클라이언트)에서 실제 서버로 데이터를 요청할때, 사용자가 이용하는 기능이 그대로 서버에 전달될수 없기 때문에 하나의 메커니즘을 통해서 효율적이고 기능적인 전달을 구현해주는 것이다.

출처: https://twitter.com/BusyRich/status/494959181871316992 Node.js node.js는 크롬 v8엔진으로 빌드되어진 js 런타임이다. 이는 굉장히 강력한 기능들을 제공하는데 그 특징중에서 많이 알려져 있는것은 브라우져 바깥에서 > *(이것은 매우 중요하다. 브라우저에 엔진을 두고있는 자바스크립트는 터미널이...

출처: https://twitter.com/BusyRich/status/494959181871316992 이벤트 루프의 작동방식 이벤트루프의 작동방식은 굉장히 재미있다. 예를 들어 setTimeout같은 방식의 js의 내장함수를 사용하게 되면? 왜 이렇게 되는 것일까? js의 기본 처리방식은 런타임이 실행되면 콜스택에 호출한 오브젝트가 실행이 된다...

JSX란? jsx는 자바스크립트로 사용할수 있는 xml언어이다. 여기서 xml언어란 html언어와 굉장히 유사하지만 목적이 다르다. html언어는 보여주기위한 DOM구현이 목적이지만. xml언어는 그렇게 사용되어질 도구를 전달하기위한것에 좀더 주안점이 맞춰져있다. 다시 원래로 돌아와서 jsx의 쓰임새란 react와 같은 웹개발 라이브러리에서 사용하는데,...

React란? 리액트는 js기반의 웹 개발 라이브러리이면서 간이 프레임워크와 같은 기능을 해내는 툴이다. view만 설계를 하여도 나머지는 해당 라이브러리에서 문제를 해결해주고 바로 렌더링과정으로 돌입할수있게 도와주는 툴인셈이다. react의 사용성 react의 설치는 부분적으로 사용할수있다는데 있어 강점으로 작용한다. 라이브러리이기 때문에 사용하고...

Components란? Components는 react에서 구현하는 ui의 재사용성을 위하여 개발된 기술이다. Components는 function,class 두가지 중 하나의 형태로 구현할 수있는데, 현 시점에서는 hook과 함께 강력한 기능으로 돌아온 function방식의 Components를 선호하는 추세이다. Components의 사용법 Com...

Redux란? 리덕스는 리액트 어플리케이션 안에서 중요한 요소인 state를 관리해주는 라이브러리이다. 상태관리를 해주는 라이브러리가 왜 따로 있냐고 물어본다면, 이에 대한 대답은 Redux는 어디에서나 쓰일수도, 쓰일 필요가 없을수도 있는 어플리케이션이기 때문. 대체로 Redux는 규모가 큰 프로젝트의 수많은 상태들을 관리할때 사용한다. 프로젝트 규모...

TABLE이란? 행과 열로 구성된 데이터의 집합. 테이블 생성 : CREATE TABLE 테이블명자료형], [항목명,...); 예. CREATE TABLE student ( st_num NUMBER...

CRUD란? 데이터의 생성, 조회, 수정, 삭제를 통합하여 표현한 단어. Create 레코드 추가: INSERT INTO [테이블명] VALUES([값1], [값2]); INSERT INTO student VALUES ( 101, '김피카츄', '010-1111-1111', 1, ...

ORM이란? ORM(Object Relational Mapping)은 객체지향 프로그래밍의 객체와 관계형 데이터베이스의 데이터를 연결하는 기술을 의미한다. ORM은 객체지향 프로그래밍에서 사용할 수있는 가상의 객체지향 데이터베이스를 만들어 프로그래밍 코드와 데이터를 연결한다. ORM으로 생성된 가상의 객체지향 데이터베이스는 프로그래밍 코드 또는 데이터 베...

HTTPS란? 우리가 기존에 알고있던 HTTP(HyperText Tranfer Protocol)은 www(World Wide Web)상에서 정보를 주고 받을수 있는 통신 규약이다. Client-Server 간의 요청,응답(request,response)방식의 통신 규약이며, 이는 국제적 규약이다. 하지만 HTTP는 한계가 있다. 그것은 보안성인데 사용자의...

OSI 7계층이란? OSI 7계층(Open Systems InterConnection 7 Layers) 은 네트워크 장비의 규격 통일화 문제 때문에 국제표준기구에서 만든 네트워크 표준이자 분리구조이다. 네트워크 지식의 기본 골자가 될수있는 아주 중요한 지식이다. 해당하는 계층들은 독립적이며 그로인해서 유지보수의 용이성과 데이터 전송의 단계별 분석을 편하...

CI란? CI(CONTINUOUS INTEGRATION) :: 지속적 통합 이는 개념으로서 개발에 착수하여 깃의 메인 브런치를 기준으로 각각 개발자의 환경으로 클론되어 개별작업이 일어나게 되는데 이를 주기적인 통합을 시켜주어 부담스럽게 굵어진 완전통합을 막자는 것이다. 이는 개발에 있어서 옳바른 방향으로 지켜주는 것이 맞고 그러고 있다지만 이러한 단순반...

소켓이란 양방향 통신에서 사용하며(HTTP 통신은 단방향), 프로그램이 네트워크에서 데이터를 송수신할 수 있게끔, 네트워크 환경에 연결할 수 있게 만들어진 연결부가 네트워크 소켓(Socket)이다. 더 극단적으로 얘기하자면 네트워크와 네트워크가 서로가 클라이언트와 서버가 되는데, 한쪽이 연결을 해제하기 전까지는 실시간으로 정보교환을 가능케하는 것. 그것...

출처 :: MDN CORS란? CORS(Cross-Origin Resource Sharing),교차 출처 리소스 공유 라고 불리는 해당 체제(정책)은 일종의 방어막이라 보면 편한데, 이는 여러출처에서 오는 정체불명의 리퀘스트를 미연에 방지하는 역할을 해주는 것이다. 다만 역으로 cors에 대한 이해도가 낮다면 해당하는 이슈를 해결하지 못하고 자신의 오...

디자인 패턴이란? 디자인 패턴은 개발을 진행함에 있어 질 좋은 코드를 설계하기 위한 방법론이다. 질 좋은 코드는 수정과 변경이 용이하며, 모듈간의 응집도는 높고, 결합력은 낮은 덧붙여 확장에도 용이한 코드가 질이 좋은 코드라고 말할수있겠다 이러한 디자인 패턴을 만들기 위해서 최소한의 룰이 있는데, 객체지향 5대 원칙이라는 친구를 최소한으로 보장해주는것...

디자인 패턴의 종류 디자인 패턴은 목적에 따라서 '생성 패턴', '구조 패턴', '행동 패턴' 으로 나눌 수 있다. 생성 패턴 :: 객체의 생성과정에 관여하는 패턴 싱글톤(Singleton) 패턴 : 클래스의 인스턴스가 하나임을 보장하고 접근할 수 있는 전역적인 접근점을 제공하는 패턴으로, 디자인 패턴의 가장 기초라 할 수 있다. 추상팩토리(Abst...

쓰레드란? 스레드(thread)는 프로그램 내에서, 특히 프로세스내에서 실행되는 흐름의 단위를 말한다. 일반적으로 한 프로그램은 하나의 스레드를 가지고 있지만, 프로그램 환경에 따라 둘 이상의 스레드를 동시에 실행할 수 있다. 이러한 실행 방식을 멀티스레드(multithread)라고 한다. 그렇다면 프로세스의 작업 단위를 나눈것이 스레드인가? 그렇다....

.gif) 자료구조 추상적인 데이터 유형은 어떤 데이터 유형에 지원되는 연산이 '무엇인지'만을 알려준다. 고로 그 연산이 '어떠한' 방식으로 수행되는지는 알수 없는데 데이터 구조는 컴퓨터의 메모리 속에서 데이터가 실제로 구조화되는 방식과 그 데이터에 접근 하는 방식을 알려준다. 데이터구조는 추상 데이터 유형을 실제 데이터 처리 모듈로 구현하는데 필요한 ...

작년 10월에 코드스테이츠에 들어가고 나서 5개월이라는 시간이 흘렀습니다.그 전에 국비학원에 있을때 그당시의 나는 스스로 공부하는 일에 대해서쉽지않은 부담감과 무력함을 느끼고 있었습니다. 이를 해결하기 위해 들어갔고지금에 와서,마지막 프로젝트를 끝내고 저와 함께 했던

도커란? 도커(Docker)는 리눅스 컨테이너에 여러기능을 추가함으로써, 어플리케이션을 컨테이너로서 좀 더 쉽게 사용할 수 있게 만들어진 오픈소스 프로젝트이다. 도커는 Go언어로 작성돼 있으며, 2013년 3월에 첫 번째 릴리스가 발표된 이후 지금까지도 꾸준히 개발되고있다. 기존에 쓰이던 하이퍼바이져(가상머신)과는 달리 도커 컨테이너는 성능의 손실이 거의...

이진 탐색 트리 이진 탐색 트리(binary search tree)는 효율적인 탐색을 지원하는 특별한 트리이다. 이진 탐색 트리에서는 각 노드가 자식을 최대 두개까지만 가질수 있다. 노드의 위치는 노드의 키-값에 의해 결정이 된다. 부모 노드의 왼쪽 자식 노드는 부모 노드보다 키-값의 크기가 작아야 하고, 오른쪽 자식 노드는 부모 노드보다 키-값의 크기...

마이크로 서비스란? 마이크로서비스는 애플리케이션 구축을 위한 아키텍처 기반의 접근 방식이다. 마이크로서비스를 전통적인 모놀리식(monolithic) 접근 방식과 구별 짓는 기준은 애플리케이션을 핵심 기능으로 세분화하는 방식인데 각 기능을 서비스라고 부르며, 독립적으로 구축하고 배포할 수 있다. 개별 서비스가 다른 서비스에 부정적 영향을 주지 않으면서 작동...

.gif) 서버리스 컴퓨팅은 클라우드컴퓨팅의 한 실행 모델이며, 하드웨어 자원의 배분 및 할당을 클라우드에서 동적으로 관리해 주는 것이다. 애플리케이션이 실제 사용한 자원 분량에 대해서만 과금되어 미리 확보해 놓은 자원에 대해 과금하는 기존 클라우드 방식과 대비된다. 사실 클라우드서비스의 일반적인 장점이 실제 필요한 만큼만 인프라 자원을 사용하고 그에 대...

.gif) 메모리란? 메모리란 컴퓨터의 기억장치를 일컫는다. 큰 틀에서 설명하면, CPU는 계산을 담당하고, 메모리는 기억을 담당한다. 공장에 비유를 하자면 CPU는 일꾼이고, 메모리는 작업장이며, 보조기억장치는 창고라 할 수 있겠다. 만약에 비행기 프라모델을 만든다고 예시를 들어보자. 우리는 책상에 본드, 니퍼, 사포, 프라모델 박스, 설명서 등을 ...

CDN이란? CDN(Content Delivery Network)의 약자로, 컨텐츠 전송 네트워크라 불린다. CDN에 대해서 알기전에 우리는 이것이 왜 생겨났는지에 대해서 얘기해볼것이다. CDN이 없었던 시절의 인터넷망은 중간 서버나 네트워크에 문제가 생긴다면, 속도가 엄청나게 떨어지는 단점이 있었다. 그리고 병목현상 까지도.. 이러한 문제를 해결하기...

REST API의 장점과 단점 REST API란 웹개발의 표준으로써 HTTP URI, 즉 엔드포인트에 맞춰 HTTP method를 정의하는 것인데 여기서 HTTP method는 get,put,post,delete,patch등이 있으며 해당하는 메소드들은 crud의 각기능과 매핑되게끔 개발을 진행합니다. 요청을 보내야할 web uri뒷부분에 슬러시와 엔드...

인덱스는 색인을 말하는데 이는 우리방에서 찾아볼수있는 서적에서도 쉽게 찾아볼수있습니다. 목차를 통해 우리는 해당 단원에 쉽게 접근할수있고 불필요한 책넘김도 일어나지 않습니다이는 데이터베이스에서 굉장히 드라마틱한 속도를 체험하게 해주는데인덱스가 없다면 데이터베이스는 해당

CI/CD의 개념과 차이 CI와 CD는 웹개발에 있어서 표준화된 개념입니다. 이것은 업무와의 깊은 관계성을 띄고 있는데 예시를 들어보자면, 회사에서 하루의 업무를 끝내고 그냥 집에 가는것이 아닌 오늘까지의 작업을 형상관리 작업을 해주지않고 이것이 굴러가다보면, 어느새 완전통합하기에 굉장히 불편해지는 것입니다. 이를 해소하기위해서 나온 개발론이 CI,CD인...

http는 www상에서 클라이언트와 서버가 정보를 주고받는 통신규약입니다.정보교환을 하게 될때 리소스는 텍스트의 형식으로 주고받게 되는데이것은 아무런 보안적인 조치가 되어있지 않기 때문에,제 3자가 통신을 가로채어 보더라도 아무런 문제가 생기지 않습니다.이러한 부분을

쿠버네티스? 컨테이너를 이용한 배포는 편리하면서도 좋은 기술이다. 이는 근무환경에서도 그 편리함이 전해지는데 문제는 어떻게 배포를 하던간에 스트리밍이 되는 우리의 시스템을 관리하는것은 사람이 해야하는것. 잠을 자다가도 서버가 뻗으면 관리자는 잠에서 깨어나 업무의 연장을 경험해야한다. 이러한 일을 줄이기 위해서 컨테이너 관리 및 배포 오케스트레이션 까지 ...

sql과 nosql의 차이점은 확실합니다.논리적으로 관계를 맺는 sql은 이름으로 나타납니다스트럭쳐드 쿼리 랭귀지라는 이름으로 말이죠그리고 이러한 방식의 쿼리 랭귀지를 사용하지 않는 모든 쿼리 언어를 통틀어nosql이라고 정의합니다.sql은 엄격하게 짜여진 관계를 통해

브라우저에서 ui를 통해 버튼을 누르게되면,클라이언트는 해당하는 api주소로 리퀘스트를 요청합니다.해당하는 서버는 이 ui버튼에 대한 api요청을 인식합니다.그리고 서버에서 리스폰스 값으로 유저가 원하는 해당정보를 돌려주게 됩니다.이러한 과정은 osi7계층에서 응용계층

스프링의 Ioc(Inversion of Control / 제어의 역전)이라 하는 DI(Dependency Injection / 의존성 주입)를 알아보기 전에프로그래밍에서 의존성이란 무엇인지 알아보자. 자바에서의 의존성은 또무엇인지도 알아보자.운전자가 자동차를 생산한다.

nestjs는 현시점에 들어와 server-side 프레임워크의 정점이라고 볼수있다.인기가 많은 express프레임워크와의 가장 큰 차이점은 프레임워크로써의 지원기능들의 갯수부터 차이가 많이 나는 상황이라고 한다.그리고 typescript이식에 있어서 express 사

수정필