하수도키의 성장일기

개발일기/Javascript

디버깅에 유용한 콘솔(Console) 사용법 알아보기

개발도중 브라우저에서 디버깅으로 주로 사용하는 명령어는 consoel.log이다.(데이터 값을 확인할때 주로 사용한다.) 브라우저에서는 console.log 말고 다른 명령어를 사용하여 더 효율적인 디버깅을 알아보자. console.dir() 이 명령어를 사용하기 위한 객체를 만들어 보자. const infomation = { name : 'doki', phone : 010-0000-1111, location : 'Seoul' } console.log(infomation) console.dir(infomation) Object 라고 명시적으로 표시를 해줘서 정확한 타입을 알 수 있다. console.table() 이 명령어는 서버 응답으로 받은 긴 데이터를 확인할때 유용하다. const infomatio..

책일기

[북리뷰] 빌 캠벨 실리콘밸리의 위대한 코치 - 에릭 슈미트

출퇴근하면서 틈틈이 봤던 책이다. 역시 초반에는 어떤 책인지 궁금해서 흥미로워 책 읽는 속도가 빨랐다. 언제나 그렇듯 딱 거기까지다. 초반부 흥미롭게 보고 중반부에는 흥미가 떨어지면서 지하철, 버스에서 핸드폰을 만지작 거리는 일이 많아진다. 예외도 있다. 추리소설, 에세이, 일반적인 소설 같은 경우에는 금방금방 읽힌다. 이제 잡소리는 그만하고 리뷰를 시작해보겠다. 빌 캠벨 실리콘밸리의 위대한 코치 실리콘밸리!! 이 단어 하나보고 이 책을 구매하게 되었다. 책을 보통 yes24, gmarket을 통해 구매하고 있다. 개발 서적 고르고 요새 베스트셀러를 한 번씩 들어가 트렌드에 맞춰서 1권씩 구매하고 있다. 베스트셀러였는지 경제서적이었는지 정확히 생각나진 않는다. 파란색 배경에 파란 야구 모자를 쓴 중년과 ..

개발일기/Vue.js

[Vue.js] textarea 자동 높이 조절 하는법(autosize)

textarea를 사용할때 내용 길이에 따라 자동으로 높이가 조절 되는 방법을 살펴보자. 개요 Vue를 기반으로 설명한다. 총 3개의 방법을 알려준다. 이 포스팅은 번역/의역/오역 다수 같으므로 이해가 되지 않거나 자세히 알고 싶으면 아래 링크를 통해 살펴보자. Vuejs-auto-size 1번째 방법 : window.addEventlistener 사용 // 자동 높이 조절을 하고 싶은 textarea가 있는 컴포넌트 // 여기서는 ResizeByClass.vue 이다. // auto-resize.js function resize() { this.style.height = "auto"; this.style.height = `${this.scrollHeight}px`; } export const setRe..

개발일기/Vue.js

[Vue.js] 토큰 기반 인증 (#7. 자동 로그인)

2020/10/31 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증 (#7. 자동 로그인) 2020/10/31 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증 catch 사용 (#6. 에러 처리) 2020/10/30 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증(#5. 유저 로그아웃) 2020/10/28 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증(#4. 유저 로그인) 2020/08/30 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증(#3. 사용자 등록) 2020/07/27 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증(#2. 인증을 위한 프로젝트 구조 살피기) 2020/07/24 - [개발일기/Vu..

개발일기/Vue.js

[Vue.js] 토큰 기반 인증 catch 사용 (#6. 에러 처리)

2020/10/31 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증 (#7. 자동 로그인) 2020/10/31 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증 catch 사용 (#6. 에러 처리) 2020/10/30 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증(#5. 유저 로그아웃) 2020/10/28 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증(#4. 유저 로그인) 2020/08/30 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증(#3. 사용자 등록) 2020/07/27 - [개발일기/Vue.js] - [Vue.js] 토큰 기반 인증(#2. 인증을 위한 프로젝트 구조 살피기) 2020/07/24 - [개발일기/Vu..