profile
자바스크립트를 주언어로 개발을 배우고 있습니다. 서로 아는 것들을 공유해요~
태그 목록
전체보기 (104)2019 10(17)2019 09(11)2019 11(8)프로그래머스(7)CSS(5)jest(4)typescript(4)Koa(3)AWS SDK(3)TIL(3)serverless offline(3)redux(2)tslint(2)AWS IAM(2)html(2)Prettier(2)앵귤러(2)ESLint(2)rds(2)vscode(2)scss(2)webpack(2)mysql(2)vue.js(1)class(1)ssh(1)Flex(1)IntelliJ(1)vue cli(1)Generic(1)도메인(1)jdk(1)object(1)S3(1)react redux(1)json(1)computed(1)curl(1)datetime(1)query(1)route53(1)rxjs(1)transform(1)cloudfront(1)transition(1)yarn(1)debug(1)ES6(1)dotenv(1)angular2+(1)비동기 처리 순서(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)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)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)serverless framework(1)promise(1)aws lambda(1)create react app(1)Angular(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)

angular2+ 에 redux

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

1일 전
·
0개의 댓글

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개의 댓글

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개의 댓글

buefy 컴포넌트 정리

서비스중엔 페이지에서 backbone.js, require.js를 사용해왔는데, vue.js로 바꾸는 작업을 하게 되었습니다. table pagination, sort 기능이 필요했는데, 정확히 요구사항에 맞는 컴포넌트가 있습니다. 여기에 플러스 row 선택하는 것, draggable rows, 컬럼을 직접 넣을 수도 있고, 컬럼을 json 형태로 줄 ...

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

vue.js 정리

Do it Vue.js 입문 및 구글링을 통해 정리한 내용입니다. Vue 인스턴스 뷰 인스턴스(instance)는 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위입니다. 요 아래 세가지 방법이 뷰 인스턴스를 생성하는 방법입니다. 인스턴스 안에 el 속성을 통해 뷰 인스턴스가 그려질 지점을 지정하고, data 속성에 화면에 보여질 데이터를...

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

웹팩정리

JavaScript 모듈 시스템과 webpack Javascript 모듈화 명세를 만드는 대표적인 작업 그룹 CommonJS, AMD가 있고, webpack은 두 그룹의 명세를 모두 지원하는 Javascript 모듈화 도구 https://d2.naver.com/helloworld/0239818 원래는 공홈에서 뒤질라고 했는데 ㅎㅎ 그냥 네이버 D2나 유...

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

TIL - 19.12.30

java stream Stream은 자바 8부터 추가된 기능으로 "컬렉션, 배열등의 저장 요소를 하나씩 참조하며 함수형 인터페이스(람다식)를 적용하며 반복적으로 처리할 수 있도록 해주는 기능"이다. 출처: https://jeong-pro.tistory.com/165 [기본기를 쌓는 정아마추어 코딩블로그] 에러 No serializer found for ...

2019년 12월 30일
·
0개의 댓글

자주 쓰는 데이터베이스 쿼리

DDL 컬럼 추가 alter table product add product_status varchar(10) https://juyoung-1008.tistory.com/17

2019년 12월 30일
·
0개의 댓글

인텔리제이 단축키 정리

코드 한줄 이동시키기 더블클릭해서 한줄 하이라이트 잡은 후에 ` shift + cmd + up || down ` 코드 한줄 복붙 ` cmd + d ` 코드 한줄 제거 ` cmd + backspace `

2019년 12월 27일
·
0개의 댓글

스프링 어노테이션 정리

@Data : @Data는 위에서 설명드린 @Getter, @Setter, @RequiredArgsConstructor, @ToString, @EqualsAndHashCode을 한꺼번에 설정해주는 매우 유용한 어노테이션입니다. 레퍼런스 : [자바] 자주 사용되는 Lombok 어노테이션- DaleSeo @NoArgsConstructor: @NoArgsCo...

2019년 12월 27일
·
0개의 댓글