As i wish

간단한 토이프로젝트를 진행하게 되면 API 서버가 필요한 경우가 생기게 됩니다. 저 역시 제가 사용할 목적으로 여러가지 간단한 토이프로젝트를 진행하는데요. 대부분 웹 크롤링을 이용한 프로젝트 들입니다. 영화 정보를 가져오거나, 제가 즐겨 보는 주짓수 동영상 사이트에서 자동 재생 플랫폼이 되게 만들거나 등등 무튼 그러한 이유로 저도 클라이언트와 API 서버가 필요한데 매번 익숙하였던 AWS EC2 를 이용하였습니다. 최근에는 조금 더 간편한 Heroku 를 이용하기도 하였고, AWS Lambda 를 이용하여 node 서버를 배포하기도 해봤습니다. 위와는 조금 다르지만 쉽게 Database 를 구축 하고, REST API를 만들어 주는 라이브러리가 있어서 가져와봤습니다. 앞서 말한 Heroku 는 노드 어플..

간단하게 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 정규식 포기자를 위한 가장 쉬운 정규식 - 하 정규식 포기자를 위한 가장 쉬운 정..

좋은 링크를 공유받아서 제 블로그에 퍼옴니다. Naver가 FE관련된 News 를 매주 첫째 주 수요일 월 1회 공유해서 올린다고해서 그 링크를 가져왔습니다. Naver FE News naver/fe-news FE 기술 소식 큐레이션 뉴스레터. Contribute to naver/fe-news development by creating an account on GitHub. github.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...

지난번에 babelrc, tsconfig.json(jsconfig.json), webpack을 가지고 React 프로젝트에서 상대경로로 import 하던것을 절대경로로 import 할 수 있도록 변경하였습니다. Root 로 import 하기 (절대 경로) [React] root로 import 하기 (절대경로로 import) React 프로젝트를 진행하다 보면 component를 나누고 각 component 를 import 하여 사용하게 된다. component 뿐만 아니라 각각의 library 들도 커스텀하게 사용되는 경우가 많은데 이를 사용하기 위해 보통 impor.. eomtttttt-develop.tistory.com 그런데 그런데, 그런데 저의 다른 프로젝트 (CRA 로 생성) 에서 위와 같이 적..

기존 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 버전..

React 프로젝트를 진행하다 보면 component를 나누고 각 component 를 import 하여 사용하게 된다. component 뿐만 아니라 각각의 library 들도 커스텀하게 사용되는 경우가 많은데 이를 사용하기 위해 보통 import {} from 'path' 이런식으로 사용하게 된다. 실제 사용 예 ./components/containers/shop/DownloadCatalog.jsx import React, { useState } from 'react'; import Catalogs from '../../components/shop/Catalogs'; import dummyItems from '../../data/catalogs'; const DownloadCatalog = () =>..

본 시리즈에서는 How to GraphQL의 Tutorial 문서들을 차례대로 번역합니다. 이 글은 GraphQL Fundamentals - Introduction을 번역한 글입니다. 오역 또는 의역이 있을 수 있습니다. 미리 양해 부탁드리며, 수정이 필요한 부분은 댓글로 요청해주세요. 위와 같이 블로그를 정리한 글이 있고 그래프큐엘에 대하여 처음 접하는 분에게 도움이 되는것 같아서 한번 가져와 봤습니다. 저 또한 이 글을 읽고 있으며 이를 바탕으로 그래프큐엘에 대한 정리가 조금 씩 되어 가고 있는 중 입니다. 저 또한 제 블로그를 통해서 북마크 형식으로 관리하고 있기 때문에 퍼옴 포스팅을 진행 합니다. 문제 발생 시 삭제 하겠습니다 기초 적인 포스팅은 1 ~ 10 편까지 있고 그 포스팅을 다 읽고 난 ..

안녕하세요. 지난 번에는 Mutation을 이용하여 Add 하는 법을 포스팅 했었죠. CRUD에서 Create부분 이죠. GraphQL - Mutation (Add) [GraphQL] GraphQL 시작하기 - 3 (Mutation) 안녕하세요. 오늘은 GraphQL 에서 데이터를 Create 할 수 있는 Mutation 에 대하여 포스팅 해보겠습니다. 기존에는 Query를 통하여 데이터를 가져오는 방법을 했었는데, 전체 데이터를 가져오기도 하고 Parameter.. eomtttttt-develop.tistory.com 오늘은 이와 반대대는 delete를 해보겠습니다. 어렵지 않습니다. 순서는 늘 똑같습니다. scheme.graphql 수정 -> resolver.js 수정 -> 필요한 함수 수정 (Dat..