profile
자바스크립트를 주언어로 개발을 배우고 있습니다. 서로 아는 것들을 공유해요~
태그 목록
전체보기 (115)2019 10(17)2019 09(11)2019 11(8)프로그래머스(7)Angular(7)typescript(5)CSS(5)jest(4)앵귤러(4)mysql(3)JavaScript(3)Koa(3)TIL(3)serverless offline(3)AWS SDK(3)ESLint(2)scss(2)Prettier(2)webpack(2)redux(2)vscode(2)AWS IAM(2)html(2)rds(2)tslint(2)IntelliJ(2)vue.js(1)graphql(1)class(1)ssh(1)snippet(1)Flex(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)route53(1)rxjs(1)transform(1)cloudfront(1)transition(1)yarn(1)debug(1)ES6(1)dotenv(1)angular2+(1)node-cron(1)ngrx(1)cleancode(1)angular-cli(1)인젝션토큰(1)apollo angular(1)trackBy(1)fetch policy(1)Sort(1)인터페이스(1)추상클래스(1)directive(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)debounce(1)정규식(1)resolve(1)ant Design(1)Buefy(1)Spring Annotation(1)java stream(1)DTO(1)Datasource(1)jdbc template(1)equals(1)require(1)clearfix(1)buefy table(1)vue 인스턴스(1)navbar(1)computed property(1)slot(1)Web API(1)xcode select(1)object.keys(1)Angular6(1)cherry-pick(1)unsubscribe(1)앵귤러 폼(1)앵귤러 커스텀 이벤트(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)docker(1)serverless(1)babel(1)http(1)v8(1)자바스크립트 엔진(1)크롤링(1)cheerio(1)
post-thumbnail

Angular directive

출처: https://www.edureka.co/blog/angular-directive/Angular Essentials 디렉티브 정리HTML attribute 처럼HTML 요소, 컴포넌트에 특정 속성, 기능을 추가할 수 있다. 마치 attribute 처럼!

2일 전
·
0개의 댓글

인텔리제이 자주쓰는 단축키

같은 단어 선택 ctrl + g (VScode: cmd + d)http://blog.vjvj.net/2016/06/intellij.html

3일 전
·
0개의 댓글

정규표현식 정리

당장 사용에 필요한 것만 정리모르고 썻던 내용도 정리문자 검색(search)문자 대체(replace)문자 추출(extract)사실 대부분 문자열.replace(정규표현식,대체문자); 즉 전화번호를 01012345678의 문자열을 010-1234-5678 로 화면에 보여

3일 전
·
0개의 댓글

Angular + Rxjs

Angular 라이프사이클에서 보통 ngOnInit에서 서버로부터 데이터를 읽어옴.그러면 angular의 HttpClientModule의 경우 Observable 타입으로 리턴을 해주기 때문에subscribe를 통해 데이터를 접근할 수 있다는..그리고 subscribe

5일 전
·
0개의 댓글

앵귤러 버전 업데이트

레퍼런스 : https://medium.com/@filipjerga/angular-5-to-angular-6-migration-guide-7ba4d2544411백오피스의 앵귤러 버전이 5라서 그 흔한 서비스 컴포넌트에providedIn: root 로 싱클톤으로

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

springboot 에러

build.gradle https://araikuma.tistory.com/463Database may be already in use: null. Possible solutions: close all other connection(s); use the ser

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

스프링부트에서 JPA로 데이터베이스 다뤄보기

ibatis, mybatis - SQL 매핑JPA - 객체 매핑스프링 진영에서는 Spring Data JPA를 권장하고 있답니다.관계형 데이터베이스 외에 다른 저장소로 쉽게 교체하기 위함.Spring Data JPA, Spring Data Redis, Spring Da

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

도커로 mysql 띄워보자!

https://dc7303.github.io/docker/2019/11/24/dockerInstallForMac/brew cask로 설치할 것!docker versionyaml(설정파일)로 여기에 도커 컨테이너를 정의하고 작동시키고~ 관리하는 툴이랍니다.doc

2020년 8월 26일
·
0개의 댓글

코드 계명 정리

queryParam를 생성하는 코드가 있는데 검색필터를 리셋할때도 이 코드가 들어감.그런데 기준년월이 디폴트값으로 들어갔으면 했기 때문에 기준년월을 넣었는데,queryParams에 stndYm 분기처리해주는 로직이 꼭 붙어있어야 하기 때문에 메서드로 분리함.당연히 분리

2020년 8월 21일
·
0개의 댓글

javascript 정리

포스트 목적: javascript로 개발하면서 사용한 기능을 정리modal말고 window.open을 통해 새로운 창을 띄워서 리스트에서 선택을 한다든지 할 수 있잖아요.그럴때 window끼리 통신을 해야되는데, window.postMessage로 그게 가능합니다.ht

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

debounce를 wrap한 debounceWrapper를 만들어봅시다.

저장버튼를 여러번 눌러도 마지막 버튼요청만 RESTAPI를 통해 저장요청을 보내고싶어요.이러한 목적에 사용되는 개념이 '디바운싱'이란 것이 있는데요. 간단하게 마지막 이벤트만 동작하게끔 하는 것입니다.제로초의 디바운스 코드를 쓰는데 이런 작업이 반복이 되서 재활용하기

2020년 7월 24일
·
0개의 댓글
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

앵귤러 프로젝트에 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

HTML element, node 차이는?

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

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

rxjs 사용법, operators 정리

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

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