thumbnail

[TIL] React 01: Basic

React 리엑트가 뭐지 리엑트(React)는 Interactive UI를 손쉽게 만들 수 있게 해주는 자바스크립트 라이브러리이다. 웹사이트를 개발하는 방법은 여러가지가 있고, html+css+javascript를 통한 개발도 그 중 한가지다. 또 다른 한 가지는 R...

약 20시간 전0개의 댓글

[TIL] ChatterBox Server : CommonJS & ExpressJS

Common JS version output에 요청메시지(request)를 통째로 넣었기 때문에 위 두가지 문제에 부딪혔던 것 같다. output에 넣어야할 것은 요청메시지 자체가 아니라 요청메시지의 body 프로퍼티(request.body)이다. request.bo...

4일 전0개의 댓글

[TIL] Browser, Server, API, HTTP, AJAX

Browser 브라우저는 가장 많이 사용되는 응용 소프트웨어로, 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 표시하는 것이다. 자원은 보통 html문서이지만, pdf나 이미지 또는 다른 형태일 수 있다. 누군가 작성한 html, css코드를 화면으로 띄워준다는 ...

7일 전0개의 댓글

[Algorithm] N-Queens

N-Queens N-Queens Problem은 NxN의 체스판에 N개의 퀸을 서로 충돌하지 않게 놓는 방법 혹은 그 수를 구하는 문제다. 예를 들어 4-Queens의 정답은 두 가지가 가능하다. 4queens1.png4queens2.png N-Queens의 정답을 찾...

2019년 11월 29일0개의 댓글

[JS] Basic CS Assessments

과정을 시작한지 3주가 되어가는 시점에서 중간고사 격이라고 생각되는 평가 시간이 다가왔다. 3주 동안 배운 내용들을 잘 이해하고 있는지 코드로 구현하고, this 바인딩, closure 등 헷갈릴 수 있는 개념에 대해 객관식 테스트가 진행됐다. 1. algorith...

2019년 11월 29일0개의 댓글

[Algorithm] Bubble Sort 시간 비교

Bubble Sort 는 배열의 가장 왼쪽 혹은 오른쪽에서 시작하여 다음숫자와 크기를 비교하여 큰 것을 가장 끝으로 보내는 정렬 방법이다. 두가지 방법으로 풀어봤는데, 첫번째 풀이는 while 문에서 숫자 교환이 일어났을 때 바뀌는 changed라는 변수를 사용하여,...

2019년 11월 28일0개의 댓글

[Algorithm] 피보나치 수열과 시간복잡도

피보나치 수열의 n번째 수를 구하는 문제. 재귀(Recursion)를 이용해 아래로 내려가는 Top-Down 방법과 0번째 부터 n 번째 까지 더해가며 구하는 Bottop-Up 방법을 사용했다. 재귀를 사용하여 풀었을 때 답은 구해졌지만, 실행 시간이 오래 걸려서 테스...

2019년 11월 26일0개의 댓글

[JS] Object Inheritance : prototype chain & ES6 class keyword

프로토타입 객체와 _ proto _ 자바스크립트는 애초에 객체지향을 바라보고 개발된 언어가 아니기 때문에 C++나 Java의 class 키워드가 존재하지 않았다. 자바스크립트에는 클래스라는 개념 자체가 없었다는 말인데, 그 대신 프로토타입 기반 언어라는 특성을 이용하여...

2019년 11월 20일0개의 댓글

[Algorithm] Time Complexity

개념 시간복잡도(Time Complexity)는 어떤 문제를 해결하는데 걸리는 시간과 입력의 함수관계를 의미한다. 어떤 알고리즘을 수행하는데 필요한 기본 연산이 얼마만큼의 시간이 걸린다고 할 때, 기본연산의 최대 개수를 나타낸다. 시간복잡도는 입력의 크기에 따라 다양...

2019년 11월 18일0개의 댓글

[DS] Advanced Data Structure: Hash Table

개념 해시테이블(Hash Table)은 키(Key)를 값(Value)에 매핑하여 저장하는 자료구조이다. 두가지 데이터를 연결하여 저장하는 자료구조라고도 할 수 있다. 배열에서는 인덱스를 가지고 값을 찾지만(array[index]), 해시테이블을 이용하면 인덱스가 아닌 ...

2019년 11월 17일0개의 댓글

[JS] Object - 4 Instantiation Pattern in JavaScript

자바스크립트(JavaScript)에는 클래스(Class)라는 개념이 없다. 그럼에도 불구하고 자바스크립트가 객체지향 언어인 이유는 다른 방법으로 클래스의 기능을 구현해서 사용했기 때문이다. 지금은 클래스 키워드를 사용할 수 있지만, 그 전에는 4가지 방법으로 그 기능을...

2019년 11월 17일0개의 댓글

[DS] Advanced Data Structure: Graph, Tree, Binary Search Tree (2019.11.15)

정의 그래프 그래프(Graph)는 연결되어 있는 데이터들의 관계를 표현하는 자료구조이다. 다양한 형태를 가질 수 있는 여러개의 노드(Node)와 노드 사이를 잇는 엣지(Edge)로 이루어져 있다. 그래프를 분류하는 방법에는 여러가지가 있다. 엣지의 상태에 따른 분류...

2019년 11월 17일0개의 댓글

[DS] Advanced Data Structure: Linked List (2019.11.15)

Linked List 정의 링크드 리스트(Linked List)는 노드(자료)들이 한 줄로 연결되어있는 방식으로 데이터를 저장하는 자료구조이다. 각 노드는 데이터와 포인터를 가지고 있다. 포인터는 다음 혹은 이전의 노드와의 연결을 담당한다. 자동적으로 길이가 늘어나는...

2019년 11월 15일0개의 댓글
[Data Base] Set up the environment for MySQL in window & basic command Thumbnail

[Data Base] Set up the environment for MySQL in window & basic command

1. What you need to install? bitnami amp stack: https://bitnami.com/stack/wamp vs code: https://code.visualstudio.com MySQL WorkBench: https://dev.mys...

2019년 11월 14일0개의 댓글
[DS] Basic Data Structure: Stack &Queue (2019.11.14) Thumbnail

[DS] Basic Data Structure: Stack &Queue (2019.11.14)

Stack 기본 개념 stack(스택)은 LIFO(Last In First Out)를 따르는 자료구조이다. 바닥에 책을 쌓은 다음, 다시 한권 씩 들어올릴 때 가장 위의 책부터 들어올리게된다. 주로 사용하게 되는 메소드는 pop()과 push() 가 있고, 각각 스...

2019년 11월 14일0개의 댓글

[JS] Object in JavaScript (2019.11.14)

OOP(Object Oriented Programming, 객체 지향 프로그래밍)란? 객체지향 프로그래밍이란 컴퓨터 프로그램을 명령어의 집합으로 보는 시각에서 벗어나, 여러개의 독립된 단위인 ‘객체' 들의 모임으로 보는 하나의 프로그래밍 패러다임이다. 객체지향과 비교...

2019년 11월 14일0개의 댓글

[JS] Immersive에 뛰어들기 위한 준비 (2019.11.12)

Javascript Runtime & Node.js 런타임이란 우리가 만든 코드가 실행되는 환경을 말한다. 다시 말해서, “어떤 프로그래밍 언어가 동작할 수 있는 프로그램" 이다. 자바스크립트로 만든 코드가 웹에서 돌아간다면, 이때 런타임은 브라우저다. Node.js도...

2019년 11월 14일0개의 댓글