thumbnail
태그

리 다 기 7장 정리

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

3일 전0개의 댓글

리 다 기 6장 정리

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

3일 전0개의 댓글

리 다 기 2장 정리

시간이 생겨서 리액트 다루는 기술이란 책을 한 바퀴 돌리기 위해서 정리하게 되었습니다. OS : Mac IDE : VSCODE JSX ESLint 와 Prettier 적용하기 ESLint는 문법 검사 도구이고, Prettier는 코드 스타일 도와주는 도구입...

4일 전0개의 댓글

vscode 단축키

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

6일 전0개의 댓글

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

https://www.youtube.com/watch?v=XZsuI5wyRzs 위 유투브 영상보고 따라했습니다. 기존 데스크탑전용 메뉴

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 라이브러리를 Bul...

2020년 1월 9일0개의 댓글

buefy 컴포넌트 정리

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

2020년 1월 7일0개의 댓글

vue.js 정리

Do it Vue.js 입문 및 구글링을 통해 정리한 내용입니다. Vue 인스턴스 뷰 인스턴스(instance)는 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위입니다. 요 아래 세가지 방법이 뷰 인스턴스를 생성하는 방법입니다. named sl...

2020년 1월 7일0개의 댓글

.vue를 SFC를 multi page application에서 사용하고 싶은데, 구조를 어떻게 잡아야 하는지 모르겠습니다.

Vue.js standalone in HTML SFC (Single File Component) https://vuejsdevelopers.com/2017/09/24/vue-js-single-file-javascript-components/ 페이지 단위로 쪼개서 빌...

2020년 1월 2일0개의 댓글

웹팩정리

JavaScript 모듈 시스템과 webpack Javascript 모듈화 명세를 만드는 대표적인 작업 그룹 CommonJS, AMD가 있고, webpack은 두 그룹의 명세를 모두 지원하는 Javascript 모듈화 도구 https://d2.naver.com/hel...

2020년 1월 2일0개의 댓글

TIL - 19.12.30

java stream Stream은 자바 8부터 추가된 기능으로 "컬렉션, 배열등의 저장 요소를 하나씩 참조하며 함수형 인터페이스(람다식)를 적용하며 반복적으로 처리할 수 있도록 해주는 기능"이다. jdbctemplate보다 파라미터에서 가독성이 나은 na...

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을 한꺼번에 설정해주는 매우 유용한 어노테이션입니다. 레퍼런스 : [자바] 자주 사용되는 Lo...

2019년 12월 27일0개의 댓글

TIL - 19.12.27

Buefy select에서 v-model하고, placeholder속성 같이 사용하면 placeholder가 안나와요. productCapacityUnit 값을 null로 명시해줘야합니다. https://github.com/buefy/buefy/issues/78...

2019년 12월 27일0개의 댓글

TIL - 19.12.26

Vue.js로 프로젝트를 하게 되었습니다. react의 create-react-app 같은 것이 vue-cli 라고 생각하여, vue-cli로 프로젝트를 생성하려고합니다. vue-cli 설치 Node.js가 설치 되어있는 가정하에 설치합니다. 자세한 사항은 아래 공...

2019년 12월 26일0개의 댓글

TIL - 19.12.24

componentDidUpdate 자식컴포넌트에서 부모컴포넌트의 상태값을 변경하였습니다. props로 부모의 state를 업데이트할 메서드를 내려줘서 가능했는데요. 부모의 state가 변경될때마다 이와 관련된 state들도 변경되어야 했기 때문에 componentDi...

2019년 12월 24일0개의 댓글

TIL - 19.12.23

리액트 조건부 렌더링 ternary operator https://codingbroker.tistory.com/74 Uncaught ReferenceError: regeneratorRuntime is not defined image.png babel-pol...

2019년 12월 23일0개의 댓글

리액트 - Context API 정리

antd ( Ant Design )을 이용해 어드민 페이지를 구성하고 있습니다. 다양한 형태의 table이 필요한데, antd에서는 다양한 형태의 테이블이 있어서 적용하려는데 Context API 코드가 나와서 일단 정리하고 antd table-demo-edit-ro...

2019년 12월 20일0개의 댓글

자주 쓰는 CSS 코드

css float한거 영역 채우기 clearfix img float 속성을 적용한 요소의 부모요소에 ::after를 사용해주면 된다. span과 ul태그를 감싸는 div 태그에 ::after를 추가하였습니다. https://appsnuri.tistory.com...

2019년 12월 19일0개의 댓글