실행컨텍스트 (Execution Context)

실행컨텍스트란?자바스크립트에는 실행컨텍스트가 있다. 자바스크립트 엔진은 코드들이 실행되기전에 어떤 변수들이 어떻게 실행이 되어야 하는지 미리 탐색을 한다. 미리 탐색 하는 과정을 실행컨텍스트가 한다. 실행 컨텍스트는 전역코드, 함수코드 등 각 코드의 스코프 환경을 지정

2021년 12월 31일
·
0개의 댓글

OOP (Object Oriented Programming)

OOP 란?독립된 객체 단위로 나눠 하나의 프로그래밍을 이루는 것을 OOP 라고 한다. 독립된 객체 단위로 작업이 진행 되기 때문에 유지보수측면에서 뛰어나다는 장점이 있다. OOP 작업을 하기 위해서는 4가지의 특징인 추상화,캡슐화,상속성,다형성 을 지켜야한다. 추상화

2021년 12월 30일
·
0개의 댓글

자료구조 / 알고리즘

자료구조란?여러 자료들을 관리하기 편하게 할 수 있도록 구조화하여 저장하는 것을 자료구조라고 한다. 데이터의 특성에 따라 체계적으로 데이터를 구조화 해야한다. (자료를 구조화하여 관리하는것)현실세계로 예를 들면학생관리학생은 학년과 반 번호를 나눠서 관리한다. 학생을 관

2021년 11월 28일
·
0개의 댓글

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개의 댓글