profile
공부한 내용을 기록합니다
post-thumbnail

[Generator 함수를 이해해보자 (코드편)] Runner를 만들어보자

20-Resources-on-ES6-for-JavaScript-Developers.jpg [해당 이미지는 다음 링크에서 사용했습니다 : http://welllin.net/javascript-es6-generator/] #제네레이터 함수 #Runner 여기서 잠깐! 이 블로그는 제네레이터 함수 공부하며 참고한 블로그 내용을 재 가공해 작성 한 글입니다....

2019년 3월 2일
·
0개의 댓글
post-thumbnail

[Generator 함수를 이해해보자 (이론편).3/3, Yield] 3. 제네레이터 함수의 "정의,What"와 "작동원리,How"는 무엇인가?[끝]

20-Resources-on-ES6-for-JavaScript-Developers.jpg [해당 이미지는 다음 링크에서 사용했습니다 : http://welllin.net/javascript-es6-generator/] #제네레이터 함수 #제네레이터 함수는 무엇인가 #yield란 #제네레이터함수 작동 #yield 표현식 #next()호출 여기서 잠깐! ...

2019년 3월 2일
·
0개의 댓글
post-thumbnail

[Generator 함수를 이해해보자 (이론편).2/3, Yield] 3. 제네레이터 함수의 "정의,What"와 "작동원리,How"는 무엇인가?(이어서)

20-Resources-on-ES6-for-JavaScript-Developers.jpg [해당 이미지는 다음 링크에서 사용했습니다 : http://welllin.net/javascript-es6-generator/] #제네레이터 함수 #제네레이터 함수는 무엇인가 #yield란 #제네레이터함수 작동 #yield 표현식 여기서 잠깐! 이 블로그는 제네레...

2019년 3월 2일
·
0개의 댓글
post-thumbnail

[Generator 함수를 이해해보자 (이론편).1/3] 3. 제네레이터 함수의 "정의,What"와 "작동원리,How"는 무엇인가?

20-Resources-on-ES6-for-JavaScript-Developers.jpg [해당 이미지는 다음 링크에서 사용했습니다 : http://welllin.net/javascript-es6-generator/] #제네레이터 함수 #제네레이터 함수는 무엇인가 #yield란 #제네레이터함수 작동 #Run-to-completion 여기서 잠깐! 이 ...

2019년 3월 2일
·
0개의 댓글
post-thumbnail

[Generator 함수를 이해해보자 (이론편)] 2. "to where” 제네레이터 함수를 사용되는가?

20-Resources-on-ES6-for-JavaScript-Developers.jpg [해당 이미지는 다음 링크에서 사용했습니다 : http://welllin.net/javascript-es6-generator/] #제네레이터함수 #“어디에” 제네레이터 함수를 써야 하는가? #느긋한계산 #무한생성 여기서 잠깐! 이 블로그는 제네레이터 함수 공부하며...

2019년 3월 2일
·
0개의 댓글
post-thumbnail

[Generator 함수를 이해해보자 (이론편)] 1. "Why” 제네레이터 함수를 써야 하는가?

20-Resources-on-ES6-for-JavaScript-Developers.jpg [해당 이미지는 다음 링크에서 사용했습니다 : http://welllin.net/javascript-es6-generator/] #제네레이터함수 #코루틴 #이터레이터 #이터러블 #Async/await #왜제네레이터함수를쓸까 여기서 잠깐! 이 블로그는 제네레이...

2019년 2월 28일
·
0개의 댓글
post-thumbnail

[순열 알고리즘_코드_2/2] splice, reduce, forEach 함수를 이용한 순열 알고리즘 만들기"

해당 코드는 서적 “ 모던 자바스크립트 입문 기초 문법부터 ES6, 정규 표현식, 객체 지향 및 함수형 프로그래밍, HTTP, MVC, API 활용까지 “ 에서 기록됐으며, 개인적 정리 목적으로 사용해 재 가공했습니다. 해당코드는 "순열알고리즘 reduce splice 자바스크립트 입문" 라는 키워드 입력 후 검색합니다. [여기서 잠깐!] 두 편의 글로...

2019년 2월 26일
·
0개의 댓글
post-thumbnail

[순열 알고리즘_이론_1/2] splice, reduce, forEach 함수를 이용한 순열 알고리즘 만들기

해당 코드는 서적 “ 모던 자바스크립트 입문 기초 문법부터 ES6, 정규 표현식, 객체 지향 및 함수형 프로그래밍, HTTP, MVC, API 활용까지 “ 에서 기록됐으며, 개인적 정리 목적으로 사용해 재 가공했습니다. 해당코드는 "순열알고리즘 reduce splice 자바스크립트 입문" 라는 키워드 입력 후 검색합니다. [여기서 잠깐!] 두 편의 글로...

2019년 2월 26일
·
0개의 댓글
post-thumbnail

[oAuth_이론] 5. oAuth가 작동되는 과정_API_Refresh token [5/5]

시작에 앞서 본 내용은 "생활코딩 oAuth2.0"을 보고 작성한 내용입니다. 이미지와 코드는 해당 강좌에서 포함 된 것입니다. 개발공부를 처음 하기 때문에 단어사용와 의미출처에서 오류가 있을 수 있습니다. 수정사항은 댓글로 부탁드립니다. 지난 글에서 "Acess Token"을 받는 과정을 다뤘습니다. client는 Acess Token를 부여 받으면서 ...

2019년 2월 8일
·
2개의 댓글
post-thumbnail

[oAuth_이론] 4. oAuth가 작동되는 과정_Resource Server의 승인[4/5]

시작에 앞서 본 내용은 "생활코딩 oAuth2.0"을 보고 작성한 내용으로, 이미지와 코드는 해당 강좌에서 포함 된 것입니다. 개발공부를 처음 하기 때문에 단어사용와 의미출처에서 오류가 있을 수 있습니다. 수정사항은 댓글로 부탁드립니다. 지난 글에서 client가 Resource Owner의 승인을 얻는 과정을 설명했습니다. 이로써 client가 Reso...

2019년 2월 8일
·
0개의 댓글
post-thumbnail

[oAuth_이론] 3. oAuth가 작동되는 과정_Resource owner의 승인[3/5]

시작에 앞서 본 내용은 "생활코딩 oAuth2.0"을 보고 작성한 내용으로, 이미지와 코드는 해당 강좌에서 포함 된 것입니다. 개발공부를 처음 하기 때문에 단어사용와 의미출처에서 오류가 있을 수 있습니다. 수정사항은 댓글로 부탁드립니다. 지난 글에서 각 개발자 홈페이지에 자신의 서비스를 등록했습니다. 그동안의 내용을 요약해 보자면,등록이 완료가 되면 oA...

2019년 2월 8일
·
0개의 댓글
post-thumbnail

[oAuth_이론] 2. oAuth가 작동되는 과정_등록하기[2/5]

시작에 앞서 본 내용은 "생활코딩 oAuth2.0"을 보고 작성한 내용으로, 이미지와 코드는 해당 강좌에서 포함 된 것입니다. 개발공부를 처음 하기 때문에 단어사용와 의미출처에서 오류가 있을 수 있습니다. 수정사항은 댓글로 부탁드립니다. 지난 글에서 지난 글에서 oAuth를 구성하는 이해관계자에 대해서 다뤄봤습니다. 그 중 잠깐 핵심을 정리하면 다음과 같...

2019년 2월 8일
·
0개의 댓글
post-thumbnail

[oAuth_이론] 1. oAuth를 구성하는 이해관계자[1/5]

시작에 앞서 본 내용은 "생활코딩 oAuth2.0"을 보고 작성한 내용으로, 이미지와 코드는 해당 강좌에서 포함 된 것입니다. 개발공부를 처음 하기 때문에 단어사용와 의미출처에서 오류가 있을 수 있습니다. 수정사항은 댓글로 부탁드립니다. 여는 글 대부분의 서비스들이 소셜계정(페이스북, 카카오, 네이버)을 통해 로그인 기능을 구성하고 있습니다. 일일히 아이...

2019년 2월 7일
·
0개의 댓글
post-thumbnail

[Nodej/REST_API] [GET]_Express로 REST_API 구현하기

이미지는 다음 출처에서 사용했습니다 https://steemkr.com/cryptocurrency/@cryptoearth/hold-your-coins-don-t-sell [!] Express를 가지고 REST method(GET,POST,PUT,DELELTE)를 만드는 튜토리얼 입니다. [!] GET-> POST-> PUT-> DELELTE 순으로 작성하...

2019년 1월 30일
·
0개의 댓글
post-thumbnail

[CSS_Flex] Tile 레이아웃(카드 컴포넌트)만들기

[코드에서 사용한 이미지는 아래 링크에서 사용했습니다. https://www.lynda.com/CSS-tutorials/CSS-Essential-Training-3/609030-2.html] Flex로 구현되는 핵심부분만 다룹니다. 그외 세부적인 부분(font,height,color 등등)은 아래 완성된 코드를 확인 부탁드립니다. [목차] [최종] 완성...

2019년 1월 28일
·
1개의 댓글

[Async, 비동기] Axios 튜토리얼

[잠깐!] | 해당글은 “Using Axios to Pull Data from a REST API(https://sabe.io/tutorials/using-axios-pull-data-rest-api)”을 바탕으로 Axios를 공부 및 정리 목적에 내용을 재 구성했습니다. Axios로 HTTP요청하려면 코드를 어떻게 작성해야하는지 확인하려고 합니다. 궁금...

2019년 1월 23일
·
0개의 댓글

[HTTP공부_작동원리] 프로토콜(Protocol)은 무엇인가

프로토콜이란 무엇인가 > 프로토콜이란 서로 다른 하드웨어와 운영체제가 공존하는 네트워크에서 어떤 과정에서 어떻게 단일의 데이터를 다룰지 합의된 원칙(규칙)을 의미합니다. 우리세상에도 프로토콜이 존재합니다. 우리가 사는 세상에도 프로토콜이 존재합니다. 이것은 매너? 예의? 혹은 도덕적 원리? 라는 용어로 대체될 수 있습니다. 우리는 살아가면서 다양한 상황에...

2019년 1월 21일
·
0개의 댓글

[HTTP공부_작동원리] 앞으로 다룰 주제는 다음과 같습니다.

여는 글 HTTP가 무엇이고, 구성은 어떻게 생겼는지, 어떻게 작동하는지 등등 궁금한 순서대로 차근차근 다룰 예정입니다. 프론트 개발자가 데이터를 잘 표현하는 것이 1순위 역할이지만 어떻게 데이터가 전달되는지"도" 알아야 합니다. 그런 관점에서 이 글을 쓰기 시작했습니다. 컴퓨터를 전공으로 공부하지 않았고 책을 보며 느낀 점을 작성했기에 설명에 오류가 있을...

2019년 1월 21일
·
0개의 댓글
post-thumbnail

[MongoDB설치] 맥(Mac)에서 몽고디비(MongoDB) 설치과정

#[잠깐!!] 작성자는 MongoDB를 설치 하기 전, Homebrew를 설치/업데이트 한 후 해당 글 방식으로 변경했습니다. 혹시 아래 내용이 제대로 진행되지 않을 경우 Homebrew를 설치 후 읽어주길 바랍니다.(혹시나 해서 입니다..) (맥 사용자는 Homebrew를 이용한 설치가 안전?하다고 들었습니다.) Homebrew 설치링크 : https...

2019년 1월 21일
·
1개의 댓글

[NodeJS] pug에서 mixin 사용하는 법

1. 여는 글 express를 공부하면서 pug로 html을 구현하고 있다. 그 중 "mixin" 이라는 개념을 배웠는데 느낀 점을 정리하려고 한다. 2. pug란 express에서 view를 담당하는 템플릿 언어이다. 자바스크립트 방식으로 보다 쉽게 html을 만들 수 있도록 돕는다. 3.mixin 3-1. mixin의 정의 mixin은 pug 함수...

2019년 1월 17일
·
0개의 댓글