React Hooks Web socket

react를 사용하여 webscoket을 만들어봄.websocket은 http 통신을 이용하여 클라이언트와 서버 를 연결해준다. 연결후 webscoket 프로토콜로 upgrade를 시켜 프로토콜을 바꿔준다. 바뀐 websocket TCP프로토콜을 사용하며 한 서버에서

2021년 8월 2일
·
0개의 댓글

정규표현식

정규표현식에대해서 자세히 알아보고자 한다.정규표현식이란?문자열에서 특정한 조건의 문자를 검색할때 사용되는 "패턴" 이다.자바스크립트 정규표현식은 객체이다. 정규표현식는 다양한 method와 함께 사용된다.match(), replace(), search(), split(

2021년 7월 14일
·
0개의 댓글

탐욕 알고리즘 (Greedy Algorithms)

탐욕 알고리즘은 조각 조각 나눠져있는 문제를 단계별로 해결해 나아간다고 할때, 해결하는 순간마다 항상 최적의 답을 택하는 알고리즘이다. 가장 흔하고 대표적인 탐욕 알고리즘 문제는 동전문제이다.

2021년 7월 4일
·
0개의 댓글

다익스트라 알고리즘

다익스트라 알고리즘은 그래프 형태로 여러 노드가 주어졌을때, 한 노드에서 다른 노드로 갈수 있는 최단거리를 구할때 사용하는 알고리즘 방식이다. 시작노드에서 부터 출발하여 갈수 있는 최단거리를 선택하여 배열에 갱신한다. 거쳐 가지않은 노드들 중에서 최단거리를 선택한다.

2021년 7월 2일
·
0개의 댓글

React.js 의 기본

리엑트는 웹 프레임워크이고 웹 또는 앱의 view를 개발 할 수 있도록 도와주는 자바스크립트 라이브라리이다. 리액트는 컴포넌트 단위로 묶어서 관리할 수 있어서 재사용성과 유지보수에 많은 도움이된다. 컴포넌트란? 각 독립적인 기능을 가진 부품(모듈) 이라고 할 수 있다.

2021년 6월 29일
·
0개의 댓글

Client Side Rendering / Server Side Rendering

웹페이지가 사용자에게 보여지는 과정에 대해서 설명하세요.Client Side Rendering 과 Server Side Rendering 의 차이에 대해서 설명하세요.Bundling이 무엇이며 왜 필요한가요?프론트엔드 입장에서 신경써야 할 보안은 어떤 것들이 있나요?C

2021년 6월 28일
·
0개의 댓글
post-thumbnail

브라우저 동작방법(수정중)

브라우저의 주요기능은 유저가 원하는 URI (Uniform Resource Identifier)를 서버에 요청하고 브라우저에 표시하는 것. (출처 - https://d2.naver.com/helloworld/59361)사용자 인터페이스 - 브라우저 인터페이스

2021년 6월 25일
·
0개의 댓글

기초 HTML

link 태그는 외부 소스를 가져올때 주로 사용된다. 주로 외부스타일 시트랑 연결될떄 많이 사용된다.HTML은 위에서 한줄한줄 읽어 렌더링이되는데 head 태그가 맨위에 있는 이유이고 link태그 가 head 태그 안에 있는 이유이다. link 태그는 외부 소스를 가져

2021년 6월 24일
·
0개의 댓글

웹 네트워크 보안

\###Cor 란

2021년 6월 24일
·
0개의 댓글

DNS / Proxy

웹사이트는 IP (Internet Protocol) 주소를 통하여 통신이 된다. 유저는 웹사이트를 이동하기 위해서는 IP주소를 직접 입력하여 접속을 해야하지만 긴 IP주소를 입력하지않고 IP 주소에 이름을 지정하여 접속할 수 있도록 할 수 있다. 이를 DNS (The

2021년 6월 23일
·
0개의 댓글
post-thumbnail

TCP / UDP

TCP와 UDP ㄴ느 클라이언트와 서버가 데이터를 전달할수 있게 만들어진 프로토콜이며 3계층 전송계층 에서 사용된다. TCP의 특징은 "신뢰성"인데 신뢰성이란, 데이터를 통신하는 동안 데이터가 손상되거나, 없어지거나 중복되지 않도록 정확하게 전달하는 것 을 말한다.

2021년 6월 23일
·
0개의 댓글
post-thumbnail

네트워크 OSI 7 계층

OSI 는 Open Systems Interconnection 의 약자로써 네트워크를 통해 의사소통을 하기 위한 통신 계층들을 나눠 설명한 것 이다. OSI는 IOS (International Organization for Standardization) 국제 표준기구

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

RESTful API

API (application programming interface)로 컴퓨터의 정보 교환을위한 연결 수단 이다.(인터페이스) Rest 는(Representational State Transfer) 로 네티워크 아키텍처의 이라고 할 수 있는데 HTTP HTTP URI

2021년 6월 22일
·
0개의 댓글

Http Stateless / cookie / session / token

http 프로토콜로 클라이언트가 서버에 요청을 보내고 성공적으로 데이터를 받게되면 동시에 서버와의 연결이 해체되고 보내진 데이터의 결과도 동시에 잃어버리게된다. 이를 Stateless protocol 이라고 부른다.이와 반대로 stateful은 클라이언트와 서버가 서로

2021년 6월 22일
·
0개의 댓글

Http/Https

http(hyper text transfer protocol)는 www(world wide web)에서 정보를 주고 받을 수 있는 프로토콜이고 주로 html 문서를 요청 보내고 받는데 사용한다. http는 서버와의 요청을 주고 받는 내용을 누구나 볼 수 있다. 만약 내

2021년 6월 22일
·
0개의 댓글

알고리즘 LCM/GCD /Heap

최대공약수 최소공배수 힙

2021년 6월 18일
·
0개의 댓글

자바스크립트 개념 4

자바스크립트 엔진 자바스크립트 엔진에는 크게 콜스택과 힙이있다. 콜스택이란 함수나 코드 들이 실행이되면 콜스택에 쌓이게된다. 하나의 콜스택만 가지고 있으므로 최상위 콜스택의 실행이 종료되어 제거가 되기 전까지 다음 작업이 이뤄지지 않는다. 힙은 객체가 저장되어지는 메

2021년 6월 17일
·
0개의 댓글

자바스크립트 개념 3

콜백함수는 다른 함수의 매개변수를 통해 함수의 내부로 전달되는 것을 콜백 함수 라고한다.함수 외부에서 콜백 함수를 전달 받는함수를 고차함수 라고한다. 고차함수가 호출될때마다 콜백함수 생성.콜백함수는 비동기 처리를 위해 주로 사용되지만, 배열에도 사용된다.배열.map()

2021년 6월 17일
·
0개의 댓글

자바스크립트 개념 2

ES6 이전에는 전역범위와 함수 범위만 존재했다. var 키워드를 위주로 사용했다. 하지만 ES6 이후에는 let 과 const라는 키워드가 등장했고 함수 범위말고도 블록 범위 라는것이 생겼다. 기본적으로 var는 함수위주의 스코프를 가져 전역 범위가 많았는데 let

2021년 6월 17일
·
0개의 댓글

자바스크립트 개념 1

스코프는 폴더 구조에 비유할 수 있다. 다른 directory 에서는 폴더이름이 같아도 상관없지만같은 directory 에서는 폴더이름을 같게 생성할수 없다. 스코프에는 전역스코프 지역 스코프 있는데 전역 스코프는 코드 어디에서도 사용할 수 있어 전역 변수이고,지역 스

2021년 6월 17일
·
0개의 댓글