analogcoding

자바스크립트에서 동기영역과 비동기영역을 가장 잘 보여주는 예시다. 비동기란? 자바스크립트의 비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성 Promise? “A promise is an object that may produce a single value some time in the future” 프로미스는 자바스크립트 비동기 처리에 사용되는 객체이다. 여기서 자바스크립트의 비동기 처리란 ‘특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성 . 프로미스의 3가지 상태(states) 프로미스를 사용할 때 알아야 하는 가장 기본적인 개념이 바로 프로미스의 상태(states). 여기서 말하는 상..

자바스크립트는 주로 웹 브라우져에서 실행되는 언어다. 웹 브라우져에는 자바스크립트 엔진이라는 것이 있는데 이 엔진이 자바스크립트 코드를 실행시키는 역할을 하고 이러한 자바스크립트 엔진에는 크롬에서 사용하는 V8, 사파리에서 사용하는 웹킷(Webkit), 파이어폭스에서 사용하는 스파이커몽키(SpikerMonky), 오페라에서 사용하는 카라칸 등이 있습니다. 이러한 엔진 중에 구글에서 만든 V8 엔진이 노드에서 사용하는 자바스크립트 엔진이다. What is module? 클라이언트 ---요청----서버----GET,POST 등 req에 대한 분석 후 그에 맞는 res 을 전달 넘겨줄 때 API 를 어떻게 작성해서 줄 것인가? 서버에서 요청을 받을 때 express 를 사용해서 더 간단하게 코드를 작성할 수 ..

What is React ? React는 UI(User-Interface)를 만들기 위한 자바스크립트 Library이다. * 함수를 { } 로 묶으면 return 을 적어줘야 나타나지만 함수를 ( ) 로 묶으면 return 없이도 리턴이 가능하다. What is JSX ? 이 문법은 JSX라고 부르며, 자바스크립트의 문법 확장이다. html 와 js 를 합쳐서 편하게 작성할 수 있다. What is React Component ? props를 input으로 하고 UI가 어떻게 보여야 하는지 정의하는 React Element를 output으로 하는 함수. 일종의 묶음이라고 생각한다. 컴포넌트 안에 여러 요소를 한 기능 단위로 묶어주는 역할. What is render ? ReactDOM.render(, )..

N queens 알고리즘 해결방안 수도코딩 colindex 0 1 2 3 rowindex 0 [[ㅇㅇㅇㅇ] 1 [ㅇㅇㅇㅇ] 2 [ㅇㅇㅇㅇ] 3 [ㅇㅇㅇㅇ]] ㅇ이 빈자리 , queen 이 놓은 자리를 1 로 표시. 한 줄의 rowIndex 확인함수 hasRowConflictAt: function (rowIndex) { // 가로 배열에 1 에 중복이 있는 지 확인 //console.log(this) let rowcheck = this.attributes[rowIndex]; //rowIndex를 가져오면 가로 한줄.. // this.get 하면 rowIndew 넘버에 해당하는 가로한줄배열을 가져옴. let count = 0; //console.log('this Get rowIndex',this.get(ro..

Web Architecture 웹 서비스는 크게 서버와 클라이언트 (DB)로 구성된다. 웹 서비스 아키텍처는 크데 3가지의 구조로 나누어져있다. 브라우저 위에서 클라이언트가 구동하고 서버에 클라이언트가 무언가를 요청하면 서버가 데이터베이스에서 요청한 것을 찾는다. Client 네트워크를 통하여 서버라는 다른 컴퓨터 시스템 상의 원격 서비스에 접속할 수 있는 응용 프로그램이나 서비스를 말한다. (서비스를 사용하는 사용자 혹은 사용자의 단말기를 칭하기도 한다.) 브라우저 HTML, JS , CSS 등 각 언어로 작성한 코드를 2진수만 알아 들을 수 있는 컴퓨터가 알아볼 수 있게 하는 역할을 가지고 있다. ajax (Asynchronous Javscript and XML) 에이잭스는 비동기적인 웹의 제작을 위..

Object.create() 메소드는 객체를 인자로 받아 지정된 프로토타입 객체 및 속성(property)을 갖는 새 객체를 만든다. Object.create() 라는 메소드를 통해서 __proto__ 속성에 직접 접근하지않고 프로토타입 체인을 연결할 수 있다. (proto 매개변수가 null 또는 객체가 아닌 경우 TypeError 가 발생한다. Class class는 javascript 에서 클래스 기반 언어를 사용하지 않지만 편의를 위해? ES6 에서 도입된 문법이다. (ES6의 class 키워드는 겉은 class 이더라도, 내부적으로 프로토타입 기반으로 구성되어있다.) prototpye 과 class 의 차이를 코드로 먼저 보자면 거의 비슷하지만 다른 class 기반 언어처럼 적어 사용한다. 확실..

1. __proto__, constructor, prototype 의 관계 prototype 이란 함수와 new 를 통해 원본 함수를 상속 받는 new 인스턴스를 생성하는 것. 예시 코드 function Car(name,price){ this.name = name this.price = price } var morning = new Car('morning',1) // = > Car {name: "morning", price: 1} 같은 프로퍼티를 참조하는 상속 객체를 쉽게 만들어낼 수 있고 function Morning(){} Morning.prototype.price = 1; Morning.prototype.size = 'small' var Mo1 = new Morning() // Morning{} v..

Graph 구조 모든 노드를 각각 노드와 연결하는 선을 하나로 모아 놓은 비선형(non-linear) 자료구조로 노드(node)와 엣지(edge)로 구성되어있다. Graph 종류 1) 방향 그래프(directed) 정점 간의 간선 방향이 존재할 경우 2) 무방향 그래프(undirected) 정점 간의 간선 방향이 없을 경우 3) 가중치 그래프(weighted or Network) 정점 간의 간선이 특정 값을 가지는 경우 그래프는 방향에 구애를 딱히 받지 않는다. 그래프에는 사이클이 존재 할 수도 있고 없을 수도 있다. Root Node 의 개념이 없다. ( 부모,자식 개념이 없다 ) 그래프의 구현 1. 인접리스트(Adjacency list) ㄴ 접근이 빠르지만 메모리의 낭비가 심함. 2. 인접행렬(Adj..