[Gulp]

Gulp 가 무엇일까?

Googling 을 해보면, 아래의 내용을 얻을 수 있다. [결론만 알고싶으면 최하단으로]

Gulp (오픈 소스 JS Tool kit) = 오픈 소스 GitHub 커뮤니티 + Fractal Innovations 특징 Node.js + npm 기반의 Task Runner 소형화 연결 (Concatenation) 캐시 버스팅 (Cache Busting) 유닛 테스트 린팅 최적화 기능 Code over Configuration (구성보다) 접근 방식을 사용하여 Defined Task ...  이것들을 수행하기 위해 크기가 작은 단일 목적의 Plug-in 에 의존한다. Gulp 생태계는 300개 이상의 Plug-in이 포함되어 있다.

Gulp SIte Link [  http://gulpjs.com  ]

무슨 의미인지 예상이 되지 않는 개념이 두 개 있다. [캐시 버스팅] / [린팅]

Cache Busting 을 Googling 해보면 Azur(MIcrosoft Azur) 의 Post 하나가 나온다.

IT 수요 증가를 처리하기 위해, Private Cloud 와 Public Cloud 사이에 설정하는 구성. 조직의 Private Cloud 에서 Resource 용량의 100%를 사용하는 경우 Overflow Traffic 이 Public Cloud로 전달되므로 서비스 중단이 발생하지 않습니다. [서비스 유연성 확보] [셀프 서비스 지원] Resource 에 대한 수요가 생길 떄만 Additional Resource Cost 를 지불하면 되므로, 사용하지 않는 Additional Memory Cost 를지불할 필요도, 수요 증가 및 변경을 예측할 필요도 없습니다. [서비스 리소스 비용 절감] 업무상 중요한 Application에 필요한 Local Resource를 확보하기 위해 Basic Application 을 Public Cloud로 이동하여 CLoud Busting 을 통해 Processing Burben 을 떠맡을 수도 있습니다. [서비스 처리 부담 감소] Cloud Busting 을 사용하는 경우 아래의 요소를 필히 고려해야 합니다. 보안 준수 요구 사항 규정 준수 요구 사항 대기 시간 부하 분산 플랫폼 호환성

Linting 을 Googling 해보니 명확한 Post 가 나오지 않습니다.

아마 영워 원문으로 되어 있는 Post 가 있을 수도 있겠지만 기본적인 개념 단계에서 멈춰보겠습니다.

Linting은 잠재적 인 오류에 대해 코드를 분석하는 프로그램을 실행하는 프로세스입니다.

 

Gulp

• 우리가 기본적으로 수많은 Task들을 미리 만들어놓으면
• Gulp 가 그 Task들을 실행하여 결과값을 우리에게 Return 해줌
  • 이미지를 가져와서 압축한 뒤에 특정 폴더에 넣는다던가
  • 가장 최신의 JS 코드를 가져와서 기존 코드에 컴파일한다던가
• 수백 줄의 코드를 단 몇 십여 줄로 줄일 수 있다.

 

Porcedure

compile [.PUG] to [.HTML] call [.HTML]

compile [.SCSS] to [.CSS] call [.CSS]

compile [Lastest JS] to [Old JS] call [.JS]

uploading to the [GitHub page]

Gulp

Baiscally General Developer Workspace Form without React.... etc

• workspace(Repository)
  • src/
    • img/
      • logo.svg
      • favicon.svg
    • js/
      
      • main.js
      • util.js
    • scss/
      • _reset.scss
      • _variables.scss
      • styles.scss
    • partials/
      • footer.PUG
      • header.PUG
    • templates/
      • layout.PUG
    • index.PUG
    • pakcage.json
    • README.md