profile
사람들에게 좋은 경험을 선사하고 싶은 주니어 프론트엔드 개발자
post-thumbnail

10/20

: 다음 DOM 업데이트 사이클 이후 실행하도록 콜백함수를 인자로 전달한다. 데이터 변경한 직후에 사용해야한다.사용 소스v-if 디렉티브와 isEditTitle 변수를 이용해서 "input"과 "span"태그를 번갈아가면서 렌더링한다.$nextTick을 사용하지 않았을

약 8시간 전
·
0개의 댓글
post-thumbnail

10/19

Idea : AddCard의 마운트 될 때(mounted 훅) window에 이벤트를 바인딩!그리고 destroyed훅에서 이벤트를 해제한다.addEventListener & removeEventListener익명함수를 사용하지 않으면, 이벤트핸들러를 바인딩하고 삭제할

어제
·
0개의 댓글
post-thumbnail

10/18

브랜치 : card/addIdea : 카드 생성하는 부분이 반복 => 컴포넌트화!컴포넌트 구조 : Board > List > AddCardAddCard가 보여지는 지 여부를 List의 isAddCard 속성으로 관리AddCard에서 $emit("close") 이벤트를

2일 전
·
0개의 댓글
post-thumbnail

10/16,17

Idea : Board를 생성하려면, 서버에 데이터를 전송해야한다.=> Api를 호출해서 서버에 데이터를 전송하고, 다시 서버로부터 보드 리스트에 대한 데이터를 호출해서 화면을 렌더링한다.Slot ? Vue Modal 컴포넌트 : https://kr.vuejs

4일 전
·
0개의 댓글

10/14 - Vue

잘못된 경로로 이동했을 경우를 처리하기 위해서, 라우트 테이블의 제일 마지막에 선언한다.코드 예시1.번의 경우, data가 변경되어도, 동일한 여러개의 컴포넌트가 각각 개별적으로 동작한다.2.번의 경우, 하나의 컴포넌트의 데이터가 변경되면 다른 컴포넌트의 데이터도 같이

6일 전
·
0개의 댓글
post-thumbnail

10/14

10/14Reference : https://dragoner.tistory.com/18https://beans9.tistory.com/154https://poiemaweb.com/js-regexp: 영문 대소문자, 특수문자(-), 숫자만 입력

7일 전
·
0개의 댓글

10/13

* Vue * Vue-Router 동적 라우트 매칭 코드 예시 /user/foo, /user/bar와 같이 같은 패턴에 따라서 동일한 컴포넌트를 재사용해야하고, 매칭된 id값에 따라서 정보를 변경하고 싶을때 사용한다. 여기서 id를 동적 세그먼트라고하고, 동적

2020년 10월 13일
·
0개의 댓글
post-thumbnail

10/12

vue-cli: $ winpty vue.cmd create <project-name> : https://where-i-go.tistory.com/135 : https://stackoverflow.com/questions/43784202/how-t

2020년 10월 12일
·
0개의 댓글
post-thumbnail

10/10

현재 상태 : Enter를 입력해서 타이틀을 수정하는 이벤트가 발생 =>input 태그를 "display:none" 처리하므로 "blur"이벤트도 발생 => 수정 api가 두번 호출된다.현재 상태2 : 타이틀 값이 빈 공백일 경우 에러 처리를 하고싶음 =>공백 값을 체

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

약수 구하기

약수 구하기 코드 좀더 효율적인 방법으로 개선 링크 : https://mygumi.tistory.com/122 아이디어 : 어떤 숫자가 가질수 있는 약수의 최대 크기는 자기 자신에 루트를 씌운 것(?)보다 클 수 없다.

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

스택

정의 : 두 개의 주요한 연산을 가진 데이터에 대한 집합을 정희하는 추상적인 데이터 타입이다. LIFO(Last In First Out)이라고도 불린다.Pop, Pushpush : 집합에 데이터를 추가한다pop : 가장 최근에 추가된 데이터를 제거한다.peek : 스택

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

10/02

Reference : https://backback.tistory.com/382공식 문서 : https://kr.vuejs.org/v2/api/왜 사용?: 한 마디로, 데이터를 변경한 후, DOM이 업데이트 되기를 기다리기 위해 사용!!: 오류 코드에

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

09/23

Reference : https://www.smashingmagazine.com/2016/07/how-to-use-arguments-and-parameters-in-ecmascript-6/Parameter : 함수 선언시에 정의된 변수Argument : 함수

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

09/22

table-cell을 이용한 가로, 세로 중앙 정렬: http://blog.302chanwoo.com/2016/07/vertical-center/커스텀 로딩바 만들기: https://www.w3schools.com/howto/tryit.asp?file

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

09/20

$el은 컴포넌트가 마운트가 된 이후에 생겨난다!따라서 created 훅에서는 찾지 못하고, mounted훅에서 DOM을 조작해야한다.: https://wormwlrm.github.io/2018/12/29/Understanding-Vue-Lifecycle-ho

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

09/16

package.json파일과 같은 레벨에 vue.config.js 파일을 생성 후, 아래와 같이 작성한 다음 다시 서버를 구동하면 된다.v-bind:data- 를 이용해서 바인딩값을 가져올 때엔, element.dataset.cardId => card-id로 쓴 부분을

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

09/15

Redirected when going from "/login" to "/" via a navigation guard: https://stackoverflow.com/questions/62223195/vue-router-uncaught-in-promise-er

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

09/14

: https://javascript.info/promise-chaining : https://ko.javascript.info/try-catch

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

Todo 목록

슬라이더1.1 드래그 슬라이드 플러그인 화로그인 로그아웃 회원가입 Form과 ValidationVue trello & 날씨 어플리케이션꾸준한 제로초님 강의서비스를 만들어보자! : 날씨 어플리케이션..?

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

09/13

Node.contains : 어떤 엘리먼트가 다른 엘리먼트 안에 속하고 있는지 여부를 확인하기 위해 사용: https://developer.mozilla.org/ko/docs/Web/API/Node/contains

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