gulp란?gulp는 Node.js 기반의 프로세스를 자동화하고 향상시키는 도구로, 스스로를 Node의 스트림 기능을 활용하는 스트리밍 빌드 시스템(streaming build system)이라고 말한다.프로젝트를 Development, Production 등의 다른 빌드 Task를 작성할 수 있다.예를 들어 Development 빌드는 테스트용 서버를 구동하고, Production 빌드는 소스를 minify를 하는 등 각각의 Task를 작성하여 언제든 원할 때 실행한다.gulp.js : gulpjs.comNode.js 설치 확인gulp는 Node.js 기반으로 실행되기 때문에 Node.js가 설치되어 있는지 먼저 확인하고, 설치되어 있지 않으면 Node.js에서 Download하여 설치한다.$ node..
Intl.DateTimeFormat으로 날짜 포멧 바꾸기Intl.DateTimeFormat은 로케일 지역에 따라 날짜와 시간의 포멧을 쉽게 변경해 준다.로케일(locale) 지정하기const date = new Date('2022-10-25 19:30:00');new Intl.DateTimeFormat('en-US').format(date);new Intl.DateTimeFormat('ko-KR').format(date);new Intl.DateTimeFormat('ja-JP').format(date);위와 같이 Intl.DateTimeFormat의 인자로 원하는 로케일 지역을 지정하고, format 메소드로 변경할 날짜를 Date 형식으로 전달하면 아래와 같이 로케일 지역에 따라 날짜 형식이 변경 되는..
배열을 하나의 문자열로 만들거나 문자열을 배열로 나누기join()배열의 모든 값들을 구분자를 이용하여 하나의 문자열로 만들때 join()을 사용한다.const fruits = ['🍉', '🍌', '🍓', '🍈'];const result = fruits.join('-');console.log(result); // '🍉-🍌-🍓-🍈'만약 구분자를 따로 지정하지 않으면 ,를 구분자로 사용하게 된다.const fruits = ['🍉', '🍌', '🍓', '🍈'];const result = fruits.join();console.log(result); // '🍉,🍌,🍓,🍈'split()join()과 반대로 문자열을 배열로 나누기 위해서는 split()를 사용하면 된다.spli..
- Total
- Today
- Yesterday
- 객체지향CSS
- CSS Level 4
- css프레임워크
- CSS
- Container queries
- at()
- 도커설치
- CSS방법론
- gulp비동기
- CSS선택자
- gulp-autoprefixer
- tailwindcss
- gulp
- is선택자
- JS
- 웹스퀘어
- 생산성도구
- Object Oriented CSS
- Intl API
- Gulp.js
- AI자동화
- 프론트엔드
- Internationalization API
- gulp-ejs
- websquare
- javascript
- claudeai
- docker desktop
- 컨테이너쿼리
- gulp task
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |