TODAY : / TOTAL :

Devlog/Web

아마존 ASIN Number 로 Image URL 가져오는 방법

* UK store: https://ws-eu.amazon-adsystem.com/widgets/q?_encoding=UTF8&MarketPlace=GB&ASIN=[ASIN번호]&ServiceVersion=20070822&ID=AsinImage&WS=1&Format=[이미지사이즈] * US Store: https://ws-na.amazon-adsystem.com/widgets/q?_encoding=UTF8&MarketPlace=US&ASIN=[ASIN번호]&ServiceVersion=20070822&ID=AsinImage&WS=1&Format=[이미지사이즈] [ASIN번호] , [이미지사이즈] 부분을 원하는 값으로 교체. * ASIN번호 : 제품 ASIN 번호. ( Ex. B01B1F1AAA ) * 이미..

[VSCode] OhMyZsh 설치부터 플러그인 셋팅까지

1. zsh 설치 Linux: sudo apt install -y zsh MacOS : ( Homebrew 설치 필수 ) brew install zsh 2. oh my zsh 설치 sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)" 3. 폰트 설정 처음 셋팅하고나면 기본 폰트로는 텍스트가 깨져서 나오는 현상이 발생 함. 한글이 포함되어있는 폰트로 변경해주는게 좋음. VSCode 설정에 접근 ( Ctrl + , ) 후 'Font Family' 검색 Terminal > Font Family를 원하는 변경하고자 하는 폰트 이름으로 변경. ( 필자가 입력한 D2Coding 은 네이..

[Angular] error NG8002: Can't bind to 'ngModel' since it isn't a known property of 'input'.

Angular를 처음 접하시는 분들께서 양방향 바인딩 ( two-way binding ) 에 대해 배우실 때 쯤, ngModel 을 사용하다가 마주치게 될 확률 이 높은 에러 입니다. 문제점 // input-customer.component.ts import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-input-customer', templateUrl: './input-customer.component.html', styleUrls: ['./input-customer.component.css'] }) export class InputCustomerComponent implements OnInit { public inpu..

[Angular] error NG5002: Can't have multiple template bindings on one element. Use only one attribute prefixed with *

문제점 사용자의 이름과 연락처가 적힌 데이터를 받아 온 후, 화면에 목록을 표시하는 작업을 하고자합니다. 사용자 목록을 표기하기 위해 ngFor를 사용하고, 사용자 정보가 하나도 없을경우엔 테이블이 완전 보이지 않도록 ngif로 처리하고자 다음과 같이 코드를 작성하였습니다. {{user.name}} / {{user.phone}} 그 뒤 컴파일을 진행하면, 아래와 같은 에러가 발생합니다. error NG5002: Can't have multiple template bindings on one element. Use only one attribute prefixed with * 구조적 지시문 ( structural directives ) 에 해당하는 ngIf , ngFor 와 같은 녀석들은 DOM을 직접 조..

[Angular] 국내 연락처 변환용 Pipe

일반 전화번호부터 지역국번 및 전국대표번호까지 입력된 숫자에 맞춰 ' - ' 하이픈( hyphen )이 적용된 포멧으로 변환시켜줍니다. 사용방법 1. Module 초기화. // 필자가 전역으로 사용하는 모듈임. ***** 해당 모듈은 app.module.ts 에 import 됩니다. // app.module.ts 에 ContactPipe를 선언 (declarations) 하셔도 됩니다. // shared.module.ts import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; // ... import { ContactPipe } from 'src/sys/contact.pipe'; @NgModule({..

[ Angular 2 ] 사용간 오류 및 해결방법 로그

# Angular CLI 설치 * 증상 및 로그...npm ERR! uid must be an unsigned int npm ERR! npm ERR! If you need help, you may report this error at: npm ERR! npm ERR! Darwin 15.0.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "angular-cli" "-g" npm ERR! node v4.6.0 npm ERR! npm v3.10.8 npm ERR! uid must be an unsigned int ... - node는 기존설치된 상태로 두고, npm 버전만 올려서 진행. * 해결방법 - NodeJS Stable 버전(v..

SEARCH

태그로 찾아보기