한동안 앵귤러를 하다보니 gulp를 손수 손댈 일이 없었는데 갑자기 gulp로 환경을 만들려하니 삽질?을 했다. 버전도 gulp4.0인 줄 이제서야 알았고 ㅠㅠ gulp.task메서드말고 gulp.series를 쓰는 것도 이제야 알게 되었다. 아직까지 pipe는 사용되고 있어서 다행..근데 es6는 사용하려면 babel을 써야 하는데....예전 방식처럼 설치했더니 버전 바뀌어서 에러 뿜뿜~ 암튼 초기 npm 설정부터 다시 정리해 본다. 1. 초기 설정. (해당 프로젝트 폴더로 터미널경로를 이동되어 있어야 한다)매 프로젝트마다 저 선언은 해주어야 package.json 이 생성된다. ( npm에 의한 프로젝트 의존성 모듈 설정 파일 )npm init 2. gulp 전역(global)설치npm install..
Awwwards Award(수상)과 WWW(World Wide Web)의 합성어로 만들어진 ‘Awwwards’는 전 세계의 웹사이트들을 평가하고, 우수작을 뽑는 사이트다. 카테고리를 보면 현재 투표하고 있는 웹사이트와 지난 수상작을 볼 수 있다. https://www.awwwards.com/ thefwa FWA(Favourite Website Awards) 예전에 Flash가 웹을 휩쓸던 시기가 있었다. 그때 많은 플래셔들이 앞다투어 이 어워드에 자신을 알리고자 했었다.그리고 효과는 엄청났다. 이 곳에서 많은 것을 보고 따라하기도 하고 많이도 배우곤 했었다.플래시가 웹에서 사라지면서 같이 사라지는 듯 했으나 HTML/Canvas 등으로 중무장된 사이트를 위주로 어워드를진행하는 사이트로 리뉴얼 되었고 꾸준..
반응형 웹 디자인시 고려사항 포토샵으로 작업시( 배율이 자동변환 안되기에 디바이스 사이즈의 2배로 작업 ) -모바일에서는 가로 720작업( 구형폰까지 지원시 640 작업 ).- 대체적으로 태블릿은 모바일과 같은 레이아웃으로 작업되나 필요시 가로 768 로 작업.- 데스크탑 가로 1024 or 1280 아래와 같이 레티나 디스플레이 개념으로 인해 디바이스에서 보여주는 해상도와 실제 사이즈와 보여지는 차이가 생긴다.따라서 포토샵에서는 2배정도 되는 사이즈로 디자인이 되어야 한다. 스케치+제플린 콤보 작업시( 스케치에서 배율별 export가 가능하기에 정사이즈 작업. ) - 모바일에서는 가로사이즈 - 360 or 375 작업. ( 구형폰까지 지원시 320 )- 대체적으로 태블릿은 모바일과 같은 레이아웃으로 작..
Angular cli 로 프로젝트 설치후 실행 하려는데 아래와 같은 문구로 급 당황하게 했다.아마도 rxjs 나 typescript의 버전 호환성 때문에 일어나는 문제 같다. ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected 해결책은 터미널에서 npm update 하면 끝~ 아래 stackoverflow에도 해결책이 제시되어 있다. https://stackoverflow.com/questions/54529027/node-modules-rxjs-internal-types-d-ts81-44-error-ts1005-expected-error-a
- Total
- Today
- Yesterday
- for of 구문
- svg 폰트
- react-router-dom
- Angular
- interceptors
- vue-router
- 반복문
- 앵귤러
- 내장요소
- RefreshToken
- cordova
- svg모션
- Vue3
- JsDoc
- IntrinsicElements
- 태그
- anime.js
- git checkout -b
- react
- svg icon font
- Intrinsic
- 리프래시토큰
- 아이콘 폰트 만들기
- 코도바
- 자바스크립트
- icon font
- React.StrictMode
- git
- CSS
- Aptana
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 |
31 |