As i wish

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

정규식은 저도 늘 어려워하는데, 이유는 막상 자주 쓰지도 않고 쓸일이 있을 때에는 늘 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 버전..

2020년에는 새로운 것을 시작하기로 마음을 먹었었는데 그동안 아버지 홈페이지 리뉴얼 작업으로 인하여 React + MobX + Styled-Component + Firebase + AWS로 프로젝트를 구성하고 끝내느라 시작하지 못하였습니다. 현재는 새롭게 '가제: 영화왕' 이라는 프로젝트로 진행해보려고 하는데 대략 적인 스펙은 Flutter + React(Styled-component + Apollo + TypeScript) + Node JS(GraphQL) + AWS +? 일단 요정도 스펙으로 생각해보고 있습니다. Flutter를 사용하여 껍데기 앱을 만들고 그 위에 웹뷰를 React로 띄워 볼 생각입니다. 그래서 보다 빠른 서비스 대응을 할 수 있는 웹앱을 제작해보려고 하는데 그에 앞서 새롭게 배워..

안녕하세요. 엄티입니다. 오늘은 Node 서버에서 image url를 가지고 s3 업로드 하는 방법을 포스팅해보겠습니다. 일단 먼저 AWS 계정을 만들고, s3에 bucket을 만들어야하는데, 이는 워낙 간단하니 생략하도록 하겠습니다. 저는 제가 생성한 'kjglass-images' 버킷에다가 이미지를 올릴거에요. 일단 저는 기존에 레거시 사이트에서 크롤링을 통하여 이미지 링크(image src) 를 알고 있고 이를 node 서버에 잠시 업로드 한뒤, 바로 s3에 업로드 하는 방식으로 작업을 진행하겠습니다. 1. 먼저 aws 를 프로젝트에 설치해줍니다. $ npm i aws-sdk 2. 파일을 읽을 수 있는 모듈도 설치해줍니다. $ npm i fs 3. aws config 를 설정해줍니다. const A..

React 로 개발을 하다보면 Layout 을 만들고 이런식으로 써야하는 경우가 있습니다. 그렇게 되면 Layout 컴포넌트에서는 children 이라는 props 를 받게 되는데 이는 이 되죠. 이때에 에게 props를 넘겨주는 방법을 알아보겠습니다. 먼저 App.js import React from 'react'; import logo from './logo.svg'; import './App.css'; import ParentComp from './childProps/ParentComp'; import ChildComp from './childProps/ChildComp'; function App() { return ( ); } export default App; ParentComp.jsx impo..

JavaScript 뿐만 아니라 사실 모든 프로그램을 할 시에 중요한 요소 입니다. 특히 api 통신이 주가 되는 요즘 프로그램에서는요 그로 인해 JavaScript 에서는 콜백, 제네레이터, 프로미스 등 다양한 시도를 하였고 es8 (es2017) 에와서 엄청난 녀석을 도입하였는데 그게 바로 async/await 입니다. 기존 콜백방식을 벗어나 프로미스를 통한 방식으로 많은 부분을 해결 하려 했지만 여전히 콜백 지옥을 벗어나지 못하였고 제네레이터 역시 yield 라는 것을 새로 배우고 이터레이터 패턴을 익혀야 한다는 점에서 상당한 벽이 있었죠. 그에 반에 async/await는 정말 직관적입니다. 그럼 간단한 코드를 보겠습니다. function test() { return new Promise((res..