Practical Accumulation

Hello, world! 0 부트스트랩은 2개의 js 라이브러리를 의존하고 있다. jQuery와 Popper.js이다. 0-1 순서가 중요하다. jQuery, Popper.js, Bootstrap 순서이다. 0-2 Popper.js는 툴팁 같은 것을 사용할 때 부트스트랩이 사용한다.

1. Angular는 Typescript를 사용하기 때문에 종종 일반 라이브러리를 npm으로 설치하면 사용하지 못하는 경우가 있다. 1-1 이럴 경우 @types/ 로 시작하는 라이브러리를 검색하여 추가하면 된다. 1-1-1 없을 수도 있다. 1-2 예를 들면 faker.js를 사용하려면 1-2-1 npm install faker.js --save 로 라이브러리를 설치하고 1-2-2 npm install @types/faker --save 추가로 설치한다. @types/faker은 faker의 typescript 정의가 담겨 있다.

아래 링크는 개인 홈페이지에 각 쇼핑몰 판매량를 트레킹해서 만든 저렴한 딜 정보 모음페이지이다. 뽐뿌 같은 핫딜 사이트 가기 번거로워서 만들었는데, 고물과 시대에 아무 생각없이 사용하기 좋은 것 같다. 실시간 기반이고 go와 headless 베이스라 속도가 빠르다. 광고 맞다. ㅜㅠ Best Price 할인가 2,205,900 2,451,000 (10% off) bestprice.pilseong.net 1. Bootstrap에서는 Bulma처럼 image placeholder를 지원하지 않는다. 1-1 아래의 bulma에 있는 주소를 쓰면 된다. https://bulma.io/images/placeholders/1280x960.png https://bulma.io/images/placeholders/96..

0. 용어 정리 0-1 Component Template - 사용자에게 User Interface를 보여주는 HTML 형식의 코드 0-2 Component Class - 이벤트 발생시 처리를 위한 코드를 가지고 있다. 페이지에 대한 정보와 상태를 저장한다. 0-3 Property Binding - HTML element의 속성 값을 변경한다. Component Class의 속성과 메소드에 접근 가능하다. 0-4 Event Binding - HTML element에 이벤트 리스너(handler)를 설정한다. 0-5 Interpolation - Component Template내에 정보를 표시하기 위해서 사용한다. Component Class에 접근가능하다. 1. Angular는 객체지향 프로그래밍이라고 생..

0. Angular Cli 업데이트 0-0 Angular의 버전확인은 ng --version 0-1 @angular/cli 역시 npm 패키지 이므로 그냥 재설치 하면 된다. 0-2 global로 설치된 Angular의 버전을 올리고 싶은 경우 npm install -g @angular/cli 를 실행한다. 0-3 이미 생성된 프로젝트의 버전을 업데이트 하려면 // 업그레이트 명령 ng update @angular/cli @angular/core // Angular 8에서 업데이트 문제가 발생할 경우 // 에러 내용: Repository is not clean. Please commit or stash any changes before updating. ng update @angular/cli @angu..