As i wish

GraphQL 로 영화 정보 가져오기 GraphQL 로 영화 정보 가져오기 지난 번에 AWS Lambda를 이용하여 간단한 API 만들기 포스팅을 했었는데 이를 바탕으로 GraphQL를 이용하여 각 API 불러서 서비스를 완성해 보겠습니다. > - AWS Lambda를 이용한 API 개발 원래는 GraphQL 프로젝트 자체를 AWS Lam velog.io

JavaScript: The Observers JavaScript: Observers 의존성 패키지 없이도 자바스크립트 기본 내장 옵저버를 소개한 글이 있어서 가져와봤습니다.JS: The Observers이 글에서 소개하고 있는 옵저버는 총 5지인데요.IntersercionObserver: 루트 영역(뷰포트) 와 대상 객체의 겹침을 감시ResizeObs velog.io

AWS Lambda 로 가벼운 API 만들기 - 1 AWS Lambda 로 가벼운 API 만들기 - 1 이번 포스팅은 간단한 node 프로젝트를 AWS Lambda로 실행 한 뒤, 가벼운 API 가 되도록 만들어 보겠습니다.사실 현재 영화정보를 가져오는 간단한 토이프로젝트를 진행 중인데 사용 스펙은 다음과 같습니다.Node JS \- puppeteer \- graph velog.io AWS Lambda 로 가벼운 API 만들기 - 2 AWS Lambda 로 가벼운 API 만들기 - 2 지난 포스팅에 이어서 계속해서 작성해보겠습니다.AWS Lambda로 가벼운 API 만들기 - 1위 포스팅에서 test 오브젝트를 만들고 이를 바탕으로 Lambda 함수를 실행시키고 log 까지 확인을 해보았습니다.그러면 이..

for...in, for...of 차이 for ...in, for ...of 차이 자주 헷갈리는게 있어서 한번 포스팅해봅니다.바로 반복문 중에 ES6 부터 추가 된for ...infor ...of입니다.둘다 반복문으로 사용 되는데요 하나는 객체를 탐색하고 나머지 하나는 배열 요소를 탐색합니다.위처럼 객체의 프로퍼티가 나오는것을 확인해 볼 수 있습니다 velog.io

Velog 무한 스크롤링 사용 무한 스크롤링 (Interaction Observer) - 퍼옴 처음으로 velog에 글을 써보네요. 오늘은 글을 보던 중에 무한스크롤을 구현하는 법이 있어서 가져와봤습니다. 처음 글인데 퍼옴이라서 조금 아쉽긴 한데 그래도 좋은글이고 저장해 놓기 위함이니 제 개인적인 기억을 위함으로서는 좋은 포스팅이지 아닐까 싶습니다. Inter velog.io

그래프 큐엘에 대한 강의를 듣고 실제 코딩 후 기록을 위해 블로그에 남기고 있는데요. Graph QL - 1 [GraphQL] GraphQL 시작하기 2020년에는 새로운 것을 시작하기로 마음을 먹었었는데 그동안 아버지 홈페이지 리뉴얼 작업으로 인하여 React + MobX + Styled-Component + Firebase + AWS로 프로젝트를 구성하고 끝내느라 시작하지 못하였습니.. eomtttttt-develop.tistory.com Graph QL - 2 [GraphQL] GraphQL 시작하기 - 2 (Query with parameter) 요즘 그래프 큐엘로 서버를 구축하고 있고 공부 중인데, 지난번에는 Query와 기본적인 개념에 대하여 포스팅했었습니다. 이번에는 복습 차원에서 param..

간단하게 express를 이용해서 node js 서버를 만들어보겠습니다. 먼저 npm, node 가 설치 되어있다고 가정합니다. 설치 방법은 생각보다 매우 간단합니다. node js 설치 처음 시작하는 Node.js 개발 - 1 - 설치 및 버전 관리(NVM, n) Node.js는 V8이라는 구글에서 개발한 고성능 자바스크립트 엔진으로 빌드된 서버 사이드 개발용 소프트웨어 플랫폼입니다.기본적으로 자바스크립트는 웹 브라우저(클라이언트 측 ... heropy.blog 1. 원하는 폴더 이름을 만듭니다. $ mkdir auto-aoj 2. npm init 을 해줍니다. $ npm init -> 그럼 pacakge.json 이 만들어지는데 여기에 설치한 노드 모듈들이 정리 되는것을 보실 수 있습니다. 3. 그 ..

정규식은 저도 늘 어려워하는데, 이유는 막상 자주 쓰지도 않고 쓸일이 있을 때에는 늘 stackoverflow 를 이용해서 복붙을 하기 때문이죠. 그래서 늘 아쉬움이 남았고 차근차근 공부하고 싶은 마음도 있었습니다. 그러나 막상 다른 공부에 치여 (Javascript, React, GraphQL, Node 등등등 에 핑계거리) 보질 못했는데 유명한 블로거인 Harry 님이 정리를 아주 잘해주신 글을 봐서 가져와봤습니다. 저도 틈날때마다 반복해서 읽어가며 대략적인 감각을 유지해야겠네요. 정규식 포기자를 위한 가장 쉬운 정규식 - 상 정규식 포기자를 위한 가장 쉬운 정규식 — 1 정규식 일타강사가 되어보자! medium.com 정규식 포기자를 위한 가장 쉬운 정규식 - 하 정규식 포기자를 위한 가장 쉬운 정..

함수형 프로그래밍에 대하여 접하면 대부분 사람들은 처음 배우는것이고 용어들도 많이 헷갈려한다. 저 또한 많이 헷갈렸는 데 그 중 Curry (커링), Partial (부분 적용?) 이 상당히 헷갈렸다. 그래서 잘 정리된 글 두개를 가져왔는데 하나는 영문이고 하나는 국문이다. Javascript - Currying VS Partial Application Javascript- Currying VS Partial Application A lot of people get confused in between currying and partial application and many of us do not know what, where and when we should use… towardsdatascience...

기존 node.js 가 설치 되어 있다고 가정하에 업그레이드를 진행합니다. Node.js Upgrade 1. 현재 Node.js 버전확인 $ node -v 2. cache 삭제 $ sudo npm cache clean -f 3. n 모듈 설치 $ sudo npm install -g n 4. n 모듈을 사용하여 Node.js 설치 (다른 버전을 설치하려면 sudo n 1.4.2 이런식으로 입력하면 됩니다.) $ sudo n stable 5. 새로운 Node.js 버전 확인 $ node -v NPM Upgrade 1. 현재 npm 버전 확인 $ npm -v 2. npm 으로 npm 설치 sudo npm install -g npm 3. 새로운 npm 버전 확인 $ npm -v 이상 node.js, npm 버전..