- 전체보기(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)
vscode + eslint + prettier 사용하는 autofix가 안된다면
방법 두가지 1\. vscode 에서 cmd + ,를 눌러서 settings 에서 workspace 탭에서 세팅을 추가하기프로젝트 root 디렉토리에 .vscode 폴더를 만든 후 settings.json을 추가하기.프로젝트 root에 settings.json을 두고
GraphQL(Apollo) + Angular 상태관리 및 사용기
앵귤러는 컴포넌트로 페이지나 작게는 셀렉트박스같은 것들을 "Component"라는 단위로 만들어서 관리합니다.이러한 컴포넌트는 컴포넌트 트리 형태로 관리됩니다.최상위 App컴포넌트가 있고, 새로운 컴포넌트가 생성되면 그 하위 컴포넌트로 연결되어 관리됩니다.apollo란
파이썬 개발환경
파이썬 대체 뭐야가상환경 뭔데https://wikidocs.net/16402가상환경 - venv, virtualenv, condapython에서 가상환경이란?가상환경(Virtual Environments)이란 자신이 원하는 Python 환경을 구축하기 위해 필
node package manager 정리
npm틸드(~), 캐럿(^)https://blog.outsider.ne.kr/1041npx npm install -g graphcool-framework 위 명령어를 실행해야할때, 뭔가 노드 패키지를 설치해야한다. 글로벌로?설치가 된 후 분명 어떤 짓을 할거다
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
앵귤러 프로젝트에 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
Node.js 배치 크롤러 만들어보기
타겟사이트 : (전력거래소) https://www.kpx.or.kr/ 시뮬레이션 : 전력거래소에서오늘의 SMP, 오늘의 REC를 하루에 한번씩 긁어오는 간단한 배치 크롤러를 구현해봅니다.node v13.8.0package.jsonnodeCrawling 디렉토리
angular2+ 에 redux
redux : state, action, reducerstore는 state를 프로퍼티로 가진, dispatch를 메서드로 가진 container로 볼 수 있습니다.reducer : action을 인자로 받아서 action type에 해당하는 이전 state 를 새로운
rxjs
1.2.3 구독 해제 subscription.unsubscribe(); -> observable의 return function() {...} 호출됌.
HTML element, node 차이는?
레퍼런스 : https://opentutorials.org/course/1375/6665레퍼런스 : https://opentutorials.org/course/1375/6698
나의 앵귤러 공부방법
20.02이번에 Angular를 사용하게 되었어요. React.js, Vue.js만 경험해본 구조 자체가 머리에 떠오르지 않고 막연..했는데 ㅎㅎ 3주째인데 적응을 좀 했습니다.앵귤러 마스터북물론 시중에 앵귤러 에센셜, 앵귤러 첫걸음 다 좋은 책들이 있지만, 빠르게 앵
두서없는 앵귤러 정리
컴포넌트간 이벤트 전달부모컴포넌트 < -- > 자식컴포넌트자식컴포넌트에서 @Output 데코레이터이벤트 바인딩 : 뷰의 상태 변화 ( 버튼 클릭, 체크박스 체크, input에 텍스트 입력 등 )에 의해 이벤트가 발생하면 이벤트 핸들러를 호출하는 것컴포넌트 클래스와
TIL - 20.02.07
angular cli로 프로젝트 생성하는데 자꾸 에러남.. ng new 해결책 : 레퍼런스 : npm install fails on node-gyp rebuild with "gyp: No Xcode or CLT version detected!"
리 다 기 7장 정리
컴포넌트의 라이프 사이클 메서드 특정 시기에 로직을 수행할 수 있게 리액트에서는 라이프 사이클 메서드를 지원해줍니다. 마운트, 업데이트, 언마운트 카테고리 나눌 수 있습니다. 마운트할 때 호출하는 메서드 순서 constructor : 컴포넌트를 새로 만들 때마다 처음 호출되는 클래스 생성자 메서드입니다. getDerivedStateFromProps :...
리 다 기 6장 정리
컴포넌트 반복 자바스크립트 배열의 map() 함수 자바스크랩트 배열 객체의 내장 함수인 map함수를 사용하여 반복되는 컴포넌트를 렌더링할 수 있습니다. map함수는 파라미터로 전달된 함수를 사용하여 배열 내 각 요소를 로직을 수행하고 그 결과를 새로운 배열을 생성합니다. 문법 arr.map(callback, [thisArg]) https://devel...
리 다 기 2장 정리
시간이 생겨서 리액트 다루는 기술이란 책을 한 바퀴 돌리기 위해서 정리하게 되었습니다. OS : Mac IDE : VSCODE JSX npm을 통해 설치한 라이브러리를 사용하는 구문입니다. 보통 npm을 통해 react 라이브러리를 받지만, create-react-app으로 프로젝트를 구성했고, react 애플리케이션을 개발하기 위한 스크립트들이 숨어...
vscode 에디터 단축키
터미널탭 켜기 ctrl + shift + back quote( 영어로 바꾼후 ~표시) 작업중인 창 prev, next option + command + left option + command + right 에디터 창 분할 ctrl + command + right
모바일웹에 맞는 반응형 메뉴
https://www.youtube.com/watch?v=XZsuI5wyRzs 위 유투브 영상보고 따라했습니다. 기존 데스크탑전용 메뉴 모바일에도 보이는 반응형 메뉴 font awesome icon에서 menu로 검색해서 맘에 드는거 골라서 image.png i 태그만 복사해옵니다. 당연히 이거 쓰려면 Font Awesome CDN이 있어야 겠죠. ...
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 라이브러리를 사용하게 되었습니다. 그러면 먼저...