Word

DNS 이해하기

GET은 클라이언트에서 서버로 정보를 요청하기 위해 사용되는 메서드입니다.GET은 요청을 전송 할 때 필요한 데이터를 Body에 담지 않고, 쿼리 스트링을 통해 전송합니다.URL의 끝에 ?와 함께 이름과 값으로 쌍을 이루는 요청 파라미터를 쿼리스트링이라 부릅니다만약 요

기술 면접을 준비하기위한 포스팅이다브라우저에 google.com을 입력 했을 때 일어나는 URL의 구조URL의 문법URL은 제일 앞에 자원에 접근할 방법을 정의해 둔 프로토콜 이름을 적는다. gopher, telnet, ftp, http, usenet 등이다.프로토

REST(RESTful)란 ? "Representational State Transfer"는 API 작동 방식에 대한 조건을 부과하는 소프트웨어 아키텍처입니다. REST는 자원을 이름으로 구분하여 해당 자원(resource)의 상태를 주고 받는 모든 것을 의미합니다.

Object Oriented Programming, OOP프로그램 설계방법론이자 개념의 일종으로 , 명령형 프로그래밍에 속합니다.프로그램을 단순히 데이터와 처리 방법으로 나누는 것이 아니라, 프로그램을 수많은 '객체(object)'라는 기본 단위로 나누고 이들의 상호작

자료구조 ( Data Structure ) 자료구조란 프로그래밍에서 효울적인 데이터를 조직적으로 관리하여 구조적으로 표현하는 방식과 이를 구현하는 데 필요한 기능을 가능하게 하는 기술입니다. 보다 구체적으로 설명하자면 , 자료구조는 데이터 값의 집합과 각 데이터의 관

프로세스와 스레드를 알기전에 프로그램을 아는것이 좋을것 같아 프로그램에대해 먼저 설명을 하고 넘어가겠습니다.프로그램이란 , 파일이 저장 장치에 저장 되어 있지만 메모리에는 올라와 있지 않은 정적인 상태를 말합니다.프로그램은 프로세스의 이전단계로 아직 실행되지 않은 파일

동기는 요청과 결과가 동시에 일어나는것을 뜻합니다. 요청을 하여 결과를 얻는데 얼만큼의 시간이 걸리던 그 자리에서 결과가 나와야 합니다. 순서에 맞춰 진행되어 간단하며 직관적인 장점이 있지만 , 여러가지 요청을 동시에 처리할 수 없고 결과가 주어질 때까지 대기를 해야합

비동기 처리를 해줄 때 사용하는 Promise와 callback을 알아보려고 합니다자바스크립트에서 비동기를 처리하기위해 setTimeout에 콜백을 걸어 사용하는 경우가 있습니다함수는 첫번째 인자로 number 두번째 인자로 callback을 받아 콜백에 콜백을 불러오

async와 await은 자바스크립트의 비동기 처리 패턴인 콜백 함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 도와주는 비동기 처리방식입니다.async는 function 앞에 붙게 됩니다.async가 붙은 해당 함수는 항상 Promise

1. 변수 선언 방식 var : 변수 재선언 가능 / 재할당 가능 var로 변수를 재선언할 시, 변수명이 겹침에도 에러가 없이 변수가 선언이 됩니다. 기존에 있던 변수를 초기화하고 선언하는 게 되는데 코드량이 많아지게 되면 이 변수명이 다시 사용되는 상황에 에러가 없

한 HTML의 이벤트 요소가 발생하면, 이 요소에 할당된 이벤트 핸들러가 작동하고, 이어서 그 부모의 이벤트 핸들러가 작동하고 가장 최상단 조상 요소를 만나기 전까지 이 작업을 반복합니다.div를 클릭하게 되면 태그 내부의 text를 콘솔로 출력해 주는 이벤트입니다.제

클로저는(closure)는 자바스크립트에서 중요한 개념 중 하나입니다.실행 컨텍스트를 알고 있다면 쉽게 이해 할 수 있는 개념입니다.내부함수가 외부함수의 맥락(context)에 접근할 수 있는것을 나타냅니다.외부함수는 외부함수의 지역변수를 사용하는 내부함수가 소멸될 때

실행 컨텍스트란 실행 컨텍스트(Execution Context)란 scope , hoisting , this , function , closure 등의 동작원리를 담고 있는 자바스크립트의 핵심 원리입니다. 실행 컨텍스트를 바로 이해하지 못한다면 코드 독해가 어려워지고

변수/함수를 선언 하면 유효 범위의 스코프 내 최상단에 선언을 끌어 올리는 것을 말합니다자바스크립트 엔진은 코드를 실행하기 전 실행 가능한 코드를 형상화 하고 구분하는 과정(실행 컨텍스트를 위한 과정)을 거칩니다. 그 과정에서 호이스팅이 발생합니다.자바스크립트의 모든

Javascript에서 기본 데이터 타입인 bolean, number, string 그리고 특별한 값인 null, undefined를 제외하고는 모두 객체이며 객체가 만들어지기 위해서는 자신을 만드는데 사용된 원형인 프로토타입 객체를 이용하여 객체를 만듭니다. 프로토타

js의 불변성

W3C DOM (Document Object Modal) 표준은 3가지의 종류가 있습니다.DOM은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스입니다.이 객체 모델은 문서 내의 모든 요서를 정의하고, 각각의 요소에 접근하는 방법을 제공합니다.이러한 DOM은

현재 시점에서는 자주 사용하지는 않는 컴포넌트로 아직 사용하는 기업은 있습니다class 키워드로 시작state, lifeCycle 관련 기능 사용이 가능하다.메모리 자원을 함수형 컴포넌트보다 조금 더 사용된다.임의 메서드를 정의할 수 있다.props를 조회할 때 thi

리액트에서는 함수형 컴포넌트와 클래스형 컴포넌트가 존재합니다.그리고 그 컴포넌트를 보면 이런 식으로 작성이 되어 있습니다.이는 함수형 컴포넌트로 함수 내부에 return 해주는 것이 HTML을 작성한 것처럼 유사해 보이지만, HTML 과는 다른 점이 있습니다. 비슷하면

기존에 HTML로 구성된 변수render를 react 내에 JSX로 렌더링을 하는 방법을 몰랐다가 이번에 알게되어 포스팅 합니다.기존에 변수에 값을 담아서 렌더링을 해주려고 해도 모르는 상태이기에컴포넌트를 하나 만들거나 , 함수로 하나 만들어서 전달해줬습니다이런식으로

React 개발을 공부하면서 , 상태관리에 대해서는 많이 접하게 되었다.상태 관리를 하는 라이브러리는 대표적으로 4가지가 있고 , 상태관리를 왜 사용해야 하는지에 대해 알아보려고 한다상태관리를 사용하는 이유는 React에서는 단방향 바인딩을 사용하기때문이다.React는

Redux를 기존에 개념을 어느정도 잡아두었다고 생각했지만 ,조금 쳐지는 느낌이 있어 다시 개념을 잡기위해 복습을 했습니다.https://opentutorials.org/module/4078/24935생활코딩님의 강의를 보아서 다시 복습했으며 처음 프론트 개발