profile
자바스크립트를 주언어로 개발을 배우고 있습니다. 서로 아는 것들을 공유해요~
태그 목록
전체보기 (109)2019 10(17)2019 09(11)2019 11(8)프로그래머스(7)CSS(5)jest(4)typescript(4)TIL(3)Koa(3)serverless offline(3)Angular(3)AWS SDK(3)앵귤러(3)graphql(2)tslint(2)mysql(2)html(2)webpack(2)AWS IAM(2)redux(2)Prettier(2)ESLint(2)rds(2)vscode(2)apollo angular(2)scss(2)vue.js(1)class(1)ssh(1)snippet(1)Flex(1)IntelliJ(1)vue cli(1)Generic(1)도메인(1)jdk(1)setTimeout(1)object(1)S3(1)react redux(1)json(1)computed(1)curl(1)datetime(1)query(1)route53(1)transform(1)cloudfront(1)transition(1)yarn(1)debug(1)ES6(1)dotenv(1)angular2+(1)비동기 처리 순서(1)rxjs operator(1)node-cron(1)ngrx(1)angular-cli(1)인젝션토큰(1)trackBy(1)fetch policy(1)Sort(1)인터페이스(1)추상클래스(1)ref(1)docker설치(1)formData(1)Buffer(1)base64(1)typescript koa(1)HTTP GET(1)koa request query(1)git branch(1)MinIO(1)live share(1)promise.all(1)Blob(1)koa router(1)interface(1)http nodejs(1)nodejs 내부구조(1)koa compose(1)keypress(1)ES6 Set Map(1)aws serverless koa(1)node.js spawn(1)serverless deploy error(1)type assertion(1)type guard(1)AWS S3 lifecycle(1)serverless aws(1)vpc(1)aws s3 bucket lifecycle(1)s3 glacier(1)serverless deploy(1)자바스크립트 정렬(1)JOIN(1)vpn(1)사설 IP(1)세션(1)쿠키(1)네임서버(1)babel jest(1)koa vs express(1)Inline cache(1)tslint config prettier(1)tslint plugin prettier(1)ES6 Map(1)nvm(1)quicksort(1)selector(1)v model(1)resolve(1)ant Design(1)Buefy(1)Spring Annotation(1)java stream(1)DTO(1)Datasource(1)jdbc template(1)equals(1)NestJS(1)require(1)clearfix(1)buefy table(1)vue 인스턴스(1)navbar(1)computed property(1)slot(1)이벤트루프(1)cherry-pick(1)xcode select(1)앵귤러 폼(1)앵귤러 커스텀 이벤트(1)JavaScript(1)python(1)rem(1)serverless framework(1)promise(1)aws lambda(1)create react app(1)HoC(1)aws(1)Sass(1)styled components(1)웹팩(1)git(1)webstorm 단축키(1)vuex(1)homebrew(1)serverless(1)babel(1)http(1)v8(1)자바스크립트 엔진(1)크롤링(1)cheerio(1)
post-thumbnail

vscode + eslint + prettier 사용하는 autofix가 안된다면

방법 두가지 1\. vscode 에서 cmd + ,를 눌러서 settings 에서 workspace 탭에서 세팅을 추가하기프로젝트 root 디렉토리에 .vscode 폴더를 만든 후 settings.json을 추가하기.프로젝트 root에 settings.json을 두고

2020년 5월 29일
·
0개의 댓글
post-thumbnail

GraphQL(Apollo) + Angular 상태관리 및 사용기

앵귤러는 컴포넌트로 페이지나 작게는 셀렉트박스같은 것들을 "Component"라는 단위로 만들어서 관리합니다.이러한 컴포넌트는 컴포넌트 트리 형태로 관리됩니다.최상위 App컴포넌트가 있고, 새로운 컴포넌트가 생성되면 그 하위 컴포넌트로 연결되어 관리됩니다.apollo란

2020년 4월 20일
·
0개의 댓글
post-thumbnail

파이썬 개발환경

파이썬 대체 뭐야가상환경 뭔데https://wikidocs.net/16402가상환경 - venv, virtualenv, condapython에서 가상환경이란?가상환경(Virtual Environments)이란 자신이 원하는 Python 환경을 구축하기 위해 필

2020년 4월 8일
·
2개의 댓글

node package manager 정리

npm틸드(~), 캐럿(^)https://blog.outsider.ne.kr/1041npx npm install -g graphcool-framework 위 명령어를 실행해야할때, 뭔가 노드 패키지를 설치해야한다. 글로벌로?설치가 된 후 분명 어떤 짓을 할거다

2020년 4월 3일
·
0개의 댓글
post-thumbnail

gql, nestjs 스터디

https://tech.kakao.com/2019/08/01/graphql-basic/https://graphql-kr.github.io/learn/schema/gql이 redux를 대체?https://velog.io/@minsangk/%EB

2020년 4월 3일
·
0개의 댓글
post-thumbnail

앵귤러 프로젝트에 ngrx 도입기

https://ngrx.io/guide/storeversion@angular/core : v5.0.0Now using node v10.19.0 (npm v6.13.4)branch 따기@ngrx v4!https://github.com/ngrx/platf

2020년 4월 2일
·
0개의 댓글
post-thumbnail

Node.js 배치 크롤러 만들어보기

타겟사이트 : (전력거래소) https://www.kpx.or.kr/ 시뮬레이션 : 전력거래소에서오늘의 SMP, 오늘의 REC를 하루에 한번씩 긁어오는 간단한 배치 크롤러를 구현해봅니다.node v13.8.0package.jsonnodeCrawling 디렉토리

2020년 3월 30일
·
1개의 댓글
post-thumbnail

angular2+ 에 redux

redux : state, action, reducerstore는 state를 프로퍼티로 가진, dispatch를 메서드로 가진 container로 볼 수 있습니다.reducer : action을 인자로 받아서 action type에 해당하는 이전 state 를 새로운

2020년 3월 27일
·
0개의 댓글
post-thumbnail

rxjs

1.2.3 구독 해제 subscription.unsubscribe(); -> observable의 return function() {...} 호출됌.

2020년 3월 8일
·
0개의 댓글
post-thumbnail

HTML element, node 차이는?

레퍼런스 : https://opentutorials.org/course/1375/6665레퍼런스 : https://opentutorials.org/course/1375/6698

2020년 3월 8일
·
0개의 댓글
post-thumbnail

나의 앵귤러 공부방법

20.02이번에 Angular를 사용하게 되었어요. React.js, Vue.js만 경험해본 구조 자체가 머리에 떠오르지 않고 막연..했는데 ㅎㅎ 3주째인데 적응을 좀 했습니다.앵귤러 마스터북물론 시중에 앵귤러 에센셜, 앵귤러 첫걸음 다 좋은 책들이 있지만, 빠르게 앵

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

두서없는 앵귤러 정리

컴포넌트간 이벤트 전달부모컴포넌트 < -- > 자식컴포넌트자식컴포넌트에서 @Output 데코레이터이벤트 바인딩 : 뷰의 상태 변화 ( 버튼 클릭, 체크박스 체크, input에 텍스트 입력 등 )에 의해 이벤트가 발생하면 이벤트 핸들러를 호출하는 것컴포넌트 클래스와

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

webstorm 단축키

terminal togglealt F12

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

TIL - 20.02.07

angular cli로 프로젝트 생성하는데 자꾸 에러남.. ng new 해결책 : 레퍼런스 : npm install fails on node-gyp rebuild with "gyp: No Xcode or CLT version detected!"

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

리 다 기 7장 정리

컴포넌트의 라이프 사이클 메서드 특정 시기에 로직을 수행할 수 있게 리액트에서는 라이프 사이클 메서드를 지원해줍니다. 마운트, 업데이트, 언마운트 카테고리 나눌 수 있습니다. 마운트할 때 호출하는 메서드 순서 constructor : 컴포넌트를 새로 만들 때마다 처음 호출되는 클래스 생성자 메서드입니다. getDerivedStateFromProps :...

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

리 다 기 6장 정리

컴포넌트 반복 자바스크립트 배열의 map() 함수 자바스크랩트 배열 객체의 내장 함수인 map함수를 사용하여 반복되는 컴포넌트를 렌더링할 수 있습니다. map함수는 파라미터로 전달된 함수를 사용하여 배열 내 각 요소를 로직을 수행하고 그 결과를 새로운 배열을 생성합니다. 문법 arr.map(callback, [thisArg]) https://devel...

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

리 다 기 2장 정리

시간이 생겨서 리액트 다루는 기술이란 책을 한 바퀴 돌리기 위해서 정리하게 되었습니다. OS : Mac IDE : VSCODE JSX npm을 통해 설치한 라이브러리를 사용하는 구문입니다. 보통 npm을 통해 react 라이브러리를 받지만, create-react-app으로 프로젝트를 구성했고, react 애플리케이션을 개발하기 위한 스크립트들이 숨어...

2020년 1월 15일
·
0개의 댓글
post-thumbnail

vscode 에디터 단축키

터미널탭 켜기 ctrl + shift + back quote( 영어로 바꾼후 ~표시) 작업중인 창 prev, next option + command + left option + command + right 에디터 창 분할 ctrl + command + right

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

모바일웹에 맞는 반응형 메뉴

https://www.youtube.com/watch?v=XZsuI5wyRzs 위 유투브 영상보고 따라했습니다. 기존 데스크탑전용 메뉴 모바일에도 보이는 반응형 메뉴 font awesome icon에서 menu로 검색해서 맘에 드는거 골라서 image.png i 태그만 복사해옵니다. 당연히 이거 쓰려면 Font Awesome CDN이 있어야 겠죠. ...

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

TIL - 20.01.09

require 정확히 알고 있었는지.. https://nodejs.org/en/knowledge/getting-started/what-is-require/ Bulma 프로젝트를 셋할때 프론트엔드를 Vue.js 지만 Non SPA로 구성, CSS 라이브러리를 Bulma, Buefy 라는 UI Component 라이브러리를 사용하게 되었습니다. 그러면 먼저...

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