하수도키의 성장일기

개발일기/자바스크립트 코딩의기술 정리

자바스크립트 코딩의 기술(시리즈 7 - 유연한 함수를 만들어라)

자바스크립트 코딩의 기술(시리즈 7 - 유연한 함수를 만들어라) 자바스크립트 코딩의 기술 책을 읽고 복습 겸 정리하는 포스팅이다. 시리즈 1이 시작이며 시리즈 몇까지는 대지는 진행하면서 가늠잡아 보겠다. 개요 이 장에서는 함수의 사용법을 다룰 예정이며, 기본기는 다루지 않을 예정이다. 테스트 가능한 코드 작성법 화살표 함수의 매개변수에 대한 개념 함수를 반환하는 고차함수와 재사용 가능한 함수 화살표 함수의 문맥 개념 테스트하기 쉬운 함수를 작성하라(TIP32) 테스트를 작성하면 코드를 쉽게 리팩토링 가능 오래된 코드를 쉽게 이해 가능 마지막으로 명확하고 버그가 적은 코드를 작성 가능 위와 같은 장점들이 있지만 현실을 테스트를 작성하는것 쉽지 않다.(테스트 작성의 어려움, 코드가 외부 의존성이 강하게 결합..

개발일기/SCSS(SASS)

[SCSS(SASS)] 반응형 breakpoints 추가하는 방법

개요 이번에는 반응형 웹사이트 작업 시 꼭 필요한 mediaquery를 공부해봅시다! scss 사용해서 살펴보겠습니다 : ) 코드 우선 완성된 코드를 보여주고 설명해드릴게요 : ) $breakpoints: ( 'mobile-extra-small': (min-width: 21.25rem), // 340 'mobile-portrait-only': (max-width: 29.9375rem), // 479 'mobile-landscape': (max-width: 51rem), // 816 'tablet-portrait': (min-width: 48rem), // 768 'desktop-template': (min-width: 48.0625rem), // 769 'tablet-portrait-only': (max..

개발일기/Vue.js

[Vue.js] 토큰 기반 인증(#2. 인증을 위한 프로젝트 구조 살피기)

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] 토큰 기반 인증(#1. 인증소개)

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] Vue 3 Reactivity (#1)

[Vue.js] Vue 3 Reactivity (#1) 개요 이 문서는 www.vuemastery.com 에 Vue 3 Reactivity 를 보고 정리했습니다. Vue3가 드디어 릴리즈가 되었다. 아직 베타인것 같지만... Vue3 Reactivity System(반응형)에 대해 알아보자. 이걸 알면 좋은 점은?? Vue 내부 디자인 패턴 이해 Vue 디버깅 스킬 향상 Vue3 modularzied 반응형 라이브러리 사용 Vue3 소스 코드에 기여 가능 어마어마한 혜택들이 있다. 반응형(Reactivity) 이해하기 Vue 반응형은 정말 매직과 같다. 아래 코드로 어떻게 작동하는지 살펴보자. Price: ${{ product.price }} Total: ${{ product.price * product..