profile
개발 베이비

nodemon 설치하기

: Nodemon은 프로젝트 폴더의 파일들이 수정되면 서버를 자동으로 reloading 시켜주는 패키지이다. 마치 vs코드의 라이브 서버와 같이 새로 고침할 필요가 없게 만들어준다.설치하는 방법은 터미널에 아래의 코드를 작성하면 된다.먼저 pakage.json이 있는지

1일 전
·
0개의 댓글

서버(server) 만들기

서버 만들때, 많이 참고하였던 자료다. 한글로 잘 정리 되어있으니, 필독 ! HTTP 트랜잭션 해부하기 링크 1. 서버 생성하기 : node.js에서 서버를 생성하기 위해서 노드의 내장 모듈인 http 모듈을 사용한다. 모듈을 사용하기 위해서 우리는 require

1일 전
·
0개의 댓글

CORS

CORS

5일 전
·
0개의 댓글

Interacting with server

서버와 상호작용을 하기위해서 미리 알아야할 간단하고 깊은 terms에 대해 먼저 알고 가자.: 클라이언트가 브라우저를 통해서 원하는 source 를 request를 하고, 브라우저는 요청받은 리소스를 해석해서 얻는 다양한 데이터를 화면에 보여주는 곳이다. 예) 크롬,사

6일 전
·
0개의 댓글

Asynchronous & Promise

: 비동기 호출. 비동기 호출이란 동기 호출이랑 반대되는 개념이다. 동기는 순차적으로 호출되고 실행되어지지만, 비동기는 그렇지않다. 자바 스크립트를 배울때 비동기는 우리가 필요할때 실행시키는것을 비동기 호출이라고 부른다. 일상적인 예로는 커피를 주문할때와 같다.동기는

7일 전
·
0개의 댓글

[review] git workflow & Linting

: 깃이란, 쉽게 말해서 백업과 버전관리를 해주는곳이다. 내가 만들었던 코드를 깃에 저장할 수 있어서 내가 코드를 잃어버렸다면 깃에서 찾아올 수 있고, 내가 적은 코드를 디벨롭해서 깃에 올릴 수 있다.깃헙은 git 사용자를 위한 소셜 플랫폼으로, git 저장소 서버를

2020년 9월 17일
·
0개의 댓글

ES5 클래스 상속, 콜백함수 활용 그리고 재귀

오늘은 HA를 문제를 풀었다. 일단 이전에 배웠던것을 혼자 다시 풀어보는 느낌이라서 엄청 어렵지는 않았지만, 아직 코드에 익숙하지 않아서 그런지 시간이 많이 오래걸렸다. 빨리 익숙해져야하는데.... 일단 오늘 6시에 딱 다 풀어서 기분은 좋지만, 좀 더 열심히 복습

2020년 9월 16일
·
0개의 댓글

DFS,BFS 그리고 Backtracking

: 트리 자료구조에서 많이 사용되어지는 탐색방법이다.루트 노드(혹은 다른 임의의 노드)에서 그 자식의 노드들을 먼저 완벽하게 탐색한다. 즉, 넓게(wide) 탐색하기 전에 깊게(deep) 탐색하는 것이다.단순 검색 속도 자체는 너비 우선 탐색(BFS)에 비해서 느리지만

2020년 9월 15일
·
0개의 댓글

OOP에 대해서 좀 더 심화적으로

이번 TIL은 OOP를 혼자 공부하면서 내가 오해했었던 부분이나 주의점에 대해서 적겠다. Constructor (생성자) 생성자에 대해서 오해하고 있었다. 생성자에는 그냥 this.메소드 or this.프로퍼티를

2020년 9월 11일
·
0개의 댓글

JS로 클래스 만들기

class 를 만드는데에는 4가지 방법이있습니다. functionalfunctional sharedPrototypalPseudoclassical함수로 클래스를 선언한다. 함수를 많이 사용해봤으면 뭔가 익숙하다.여기서 가장 많이 사용하는 방법은 4번인 Pseudoclas

2020년 9월 10일
·
0개의 댓글

객체 지향 프로그래밍(Object-Oriented Programming)

: OOP의 기본 컨셉은 프로그램 내에서 표현하고자 하는 실 세계(real world)의 일들을 객체를 사용해서 모델링 하고, 객체를 사용하지 않으면 불가능 혹은 무지 어려웠을 일들을 쉽게 처리하는 방법을 제공한다는 것입니다.(출처 : MDN)위는 MDN 에서 가지고온

2020년 9월 9일
·
0개의 댓글

Big O 표기법

빅오 표기법에 대해서 정말 자세하고, 잘 정리한 분들이 많다. 그래도 내가 보고 이해한 만큼만 정리해 보겠다.: 알고리즘의 성능을 수학적으로 표현하는 표기법이다. 이를 통해서 시간과 공간의 복잡도를 표현할 수 있다. 데이터나 사용자의 증가율에 따른 알고리즘의 성능을 예

2020년 9월 8일
·
0개의 댓글

Date Structure(Graph)

그래프는 노드(Node, 또는 정점 -vertex- 이라고도 부릅니다), 그리고 노드와 노드를 연결하는 간선(edge)으로 구성되어있다.그래프는 무방향(undirected)일 수 있습니다. 이는 간선에 의해 연결된 2개의 노드가 대칭일 수 있다는 의미입니다. 한편 방향

2020년 9월 7일
·
0개의 댓글

Data Structure(linkedList & Hash Table)

: 크기가 동적인 자료구조다. 연결 리스트는 배열 처럼 직선적으로 요소들을 갖는다. 그러나 여기서 요소를 요소라고 부르지않고 '노드(Node)'라고 부른다. 다시 말해 이 노드들이 연결되어 이루어진 자료구조인다. 연결 리스트에는 단일 연결 리스트(Singly-Link

2020년 9월 4일
·
0개의 댓글

Data Structure(Stack & Queue)

이번 스프린트의 goal자료구조가 무엇인지 설명가능하다.자료(Data)는 문자,소리,그림, 영상등과 같은 이 모든것들이 다 자료이다. 이런 자료들을 잘 분석되고, 활용되어야 우리는 비로소 정보라고 부를 수 있다. 그러나 컴퓨터는 0과1만을 읽을 수 있기 때문에 우리가

2020년 9월 3일
·
0개의 댓글

ESLint

ESLint : ESLint 는 우리들의 코드를 좀 더 일관되게 작성할 수 있고, 버그를 줄이는데 많이 사용되어지고 있다. 터미널에서 우리가 사용할 파일에 위치한 후 아래와 같은 코드를 작성하여 eslint를 설치할 수 있다. >$ npm install eslint

2020년 9월 2일
·
0개의 댓글

need to study

Grid ( CSS )

2020년 9월 1일
·
0개의 댓글

Arrow function & this + 구조 분해 할당(Destructing Assignment)

: ES6에서 새로 도입되었다. 이 화살표 함수는 함수 표현식을 축약한 형태로 표시된다.위와 같이 화살표로 간단하게 표현이 가능하다. 여기서 더 간단하게 표현도 가능하다.위처럼 return도 생략하여 작성이 가능하다. 좀 더 나아가서 화살표 함수를 클로져에 더 효과적으

2020년 9월 1일
·
0개의 댓글

How to share a project with github ( = git - flow )

node.js 및 nvm, npm, pakage.json 의 역할 이해하기.git - flow 를 통해 pair와 협업하기: 런타임이란 프로그래밍 언어가 구동되는 환경이다. 우리가 JavaScript를 이용해서 코드를 적었으면 코드가 실행이 되었다면 바로 실행되는 곳이

2020년 8월 31일
·
0개의 댓글

퍼스트 클래스와 고차함수

오랜만에 TIL 이다. 어제 찝찝함에 대해 적고 나서 내가 뭘 더 해야겠다는게 느꼈고, 내가 그 찝찝함을 만들었다는 생각이 들어서 더 열심히 공부하기로 했다 .최근에 solo week동안 복습을 했다. 공부량이 적고, 새로운 개념이라기 보다는 조금 부족했다고 느껴졌던

2020년 8월 28일
·
0개의 댓글