전체 글218 단위테스트 단위테스트 테스트 코드는 일일이 기능을 손으로 확인하는 시작을 줄여준다. Jest LoginForm.spec.js 만들기 import { sum } form './math' describe('math.js', () => { test('10 + 20 + 30', () => { const result = sum(10,20); expect(result).toBe(30); //expect(result).not.toBe(30); }); }); describe() : 연관된 테스트 케이스를 그룹화하는 API test() : 하나의 테스트 케이스를 검증하는 API expect() 결과값 기대되는 값 ? 실행해보기 npm t ESlint 에서 적용하기 .eslintrc.js 에서 //.. env :{ node : tr.. 2021. 8. 4. 외부 라이브러리 모듈화 (chart.js) 외부 라이브러리 모듈화 vue.js 관려 라이브러리가 없을때 일반 라이브러리를 결합할 수 있어야한다. 차트/ 데이트 피커 /테이블라이브러리 / 스피너 등등 chart.js 설치 https://www.chartjs.org/docs/latest/ npm install chart.js@2.7.0 import 로 App.vue에서 로딩 https://www.chartjs.org/docs/latest/getting-started/usage.html 여기에 있는 거 추가 App.vue mount() 라이프 사이클 훅에서 차트를 그려야한다. Chart.js 차트를 컴포넌트화 BarChart.vue 생성 해서 chart 로직 갖다 넣고 App.vue 에 컴포넌트 등록해주기 Chart.js !tip 다른 컴포넌트에서 같.. 2021. 8. 3. this this var a = 10; window.a // 10 this // window function sum(a, b){ console.log(this); // window return a + b; } function Vue(el) { console.log(this); // 'Vue{}' 인스턴스를 정의한 객체 자체 (생성자) this.el = el } new Vue('#app'); console.log(this); // VueComponent{..} fetchNews() .then(function(response) { console.log(this); //undefined // 비동기 호출로 인해서 새로운 this가 생김 }) .catch(error => console.log.. 2021. 8. 2. HTTP HTTP기본 HTTP 기반 프로토콜 TCP : HTTP/1.1 , HTTP/2 UDP : HTTP/3 현재 HTTP/1.1주로 사용 HTTP 특징 클라이언트 서버 구죠 무상태 프로토콜 . 비연결성 HTTP 메세지 단순함, 확장가능 클라이언트 서버 구조 Request Response 구조 클라이언트는 서버에 요청을 보내고 응답대기 서버가 요청에 대한 결과를 만들어서 응답 클라이언트/서버를 분리하는게 중요하다. 무상태 프로토콜 (staeless) stateful , stateless 차이 stateful 서버가 이전 상태를 보존한다. 서버가 장애가 나면? 클라이언트는 처음부터 다시 시작해야한다. stateless 서버가 이전상태를 보존하지 않는다. 서버가(고객이) 필요한 데이터를 그떄그때 넘겨준다. 클라이언.. 2021. 8. 1. 이전 1 ··· 11 12 13 14 15 16 17 ··· 55 다음 반응형