ES6 간단하게 알고가기 선언 ES6에서는 블럭 스코프 선언 방식(let, const)을 사용한다. let 변수 const 상수 (배열과 오브젝트의 값 변경은 가능하다.) immutable array 기존 배열을 복제하여 사용한다. 전개연산자(Spread Operator)를 사용하여 복제할 수도 있다. (immutable.js라는 라이브러리도 있다.) const a = [1,2,3]; const b = [...a]; 메서드 화살표함수(Arrow function) 클래스 개념 도입 setPrototypeOf 프로토타입 객체 추가 모듈(module) 프록시(proxy) startsWith(), endWith() 앞 뒤로 문자열 일치 여부 판단 includes() 문자열 포함 여부 판단 for-of for-i..
2020년과 이후 JavaScript의 동향 - JavaScript(ECMAScript) 여전히 가장 인기있는 언어 1위를 차지 - JetBrains, StackOverflow 등장이후 2020년까지 3번의 큰 변화를 겪었다고 말한다. http://10.1.123.63:7080/users/sign_in 다양한 의견을 잘 정리해주셔서 새로운 시각을 많이 접할 수 있었다. TC39 기술위원회, Javascript Engine, Javascript의 종말, 모듈, ECMAScript 등.. ECMAScript2020-2021의 주요 스펙을 간단히 소개해주는데, 흥미로운것들이 많다. 다음 아티클들은 ECMAScript2020 명세를 확인하는 것으로 해야겠다. pawelgrzybek.com/whats-new-in..
Javascript Clean code resuorces 전역 변수 최소화 코딩 가이드 준수 Lint 사용 'use strict' 선언 종속성 업데이트느 신중히 디자인 패턴 파악 패턴 일관성 유지, 혼합 지양 아키텍쳐가 없다면 조각 단위로 리팩터링 모듈화 단일책임의 원칙 단위 테스트 코드 문서화 커밋 워크 플로우 리팩터링 state 측면에서 렌더링 함수로 분리 Javascript Clean code resuorces https://github.com/abiodunjames/Awesome-Clean-Code-Resources
TDD의 소개 TDD(Test Driven Development : 테스트 주도 개발) 테스트가 개발을 이끌어나가는 형태의 개발론 테스트 코드 작성, 후 구현 사이클을 반복적으로 돈다. ->실패->성공->리팩터링- 실패 실패하는 테스트 케이스를 먼저 생성 성공 실패하는 테스트 케이스를 통과시키기 위한 통과 코드를 작성 리팩토링 중복 코드등의 코드 개선 테스트 케이스가 성공하는지 확인하기 위해 첫번째 절차인 실패로 돌아가서 테스트 케이스를 작성 TDD 장점 작은 단위로 테스트 케이스를 만들기 때문에 코드의 모듈화가 자연스럽다. 테스트 커버리지가 높아지면 리팩토링, 유지보수가 쉬워진다. 프로젝트 퀄리티가 좋아진다. 협업에 도움이된다. 버그를 줄일 수 있다. 요구사항 충족을 확인하기 쉽다. 원본 https:/..
- Total
- Today
- Yesterday
- 코딩애플
- jQuery
- vue.js
- 제로초
- frontend
- 프로젝트
- html
- css
- Article
- 뷰
- 브라우저
- 메서드
- 프론트엔드
- 통신
- Study
- Method
- VUE
- 강의
- 아티클
- JavaScript
- 제이쿼리
- TypeScript
- 차이
- 리액트
- 기초
- 자바스크립트
- 타입스크립트
- React
- 공부
- JS
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |