Giter Club home page Giter Club logo

image-ext-converter's Introduction

๐Ÿ–ผ๏ธ ์ด๋ฏธ์ง€ ํ™•์žฅ์ž ๋ณ€ํ™˜ ํ”„๋กœ๊ทธ๋žจ

๐Ÿ“‹ Table of Contents


๐Ÿ‘€ Introduction

์ด ํ”„๋กœ๊ทธ๋žจ์€ ์ง€์ •๋œ ํด๋” ๋‚ด์˜ ์ด๋ฏธ์ง€ ํŒŒ์ผ์„ ์ฝ์–ด์™€ WebP ํ˜•์‹์œผ๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ๊ฐ„๋‹จํ•œ Node.js ์Šคํฌ๋ฆฝํŠธ์ž…๋‹ˆ๋‹ค.
Sharp ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ด๋ฏธ์ง€ ๋ณ€ํ™˜ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค.

๐ŸŒŸ Features

.jpg, .png, .jpeg, .gif ์ด๋ฏธ์ง€ ํŒŒ์ผ์„ WebP๋กœ ๋ณ€ํ™˜


๐Ÿ™Œ About the Projects

๐Ÿ› ๏ธ Stacks

Configuration Stacks
Environment
Config
Development

๐Ÿช„ Getting Started

๐Ÿ“Œ Prerequisites

Node.js๊ฐ€ ์„ค์น˜๋˜์–ด ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค

๐Ÿš€ Setup

$ git clone https://github.com/ds92ko/image-ext-converter.git
$ cd image-ext-converter

๐Ÿ“ฆ Installation

$ npm install

๐Ÿƒ Run the Program

$ node index.js

โš™๏ธ Configuration

  • ํ”„๋กœ์ ํŠธ ์‹คํ–‰ ์ „ ๋ฃจํŠธ ๋””๋ ‰ํ† ๋ฆฌ์— input ํด๋”๋ฅผ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค
  • ๋ณ€ํ™˜ํ•˜๊ณ ์ž ํ•˜๋Š” ์ด๋ฏธ์ง€ ํŒŒ์ผ์„ input ํด๋”์— ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค
  • ๋ณ€ํ™˜๋œ WebP ํŒŒ์ผ์€ output ํด๋”์— ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค

image-ext-converter's People

Contributors

ds92ko avatar

Watchers

 avatar

image-ext-converter's Issues

๐ŸŒŸ FEATURE: ์ด๋ฏธ์ง€ ๊ฐ€๊ณต ๊ธฐ๋Šฅ ์ถ”๊ฐ€

๐Ÿ“ ๊ธฐ๋Šฅ ์„ค๋ช…

  • ์ €์žฅ๋˜๋Š” ์ด๋ฏธ์ง€์˜ ํ€„๋ฆฌํ‹ฐ ๋ฐ ์‚ฌ์ด์ฆˆ๋ฅผ ์กฐ์ ˆํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ ์ถ”๊ฐ€

๐Ÿ’ก ๋™๊ธฐ

  • ์ด๋ฏธ์ง€๋ฅผ ๊ฐ€๊ณตํ•˜์—ฌ ์ด๋ฏธ์ง€ ์šฉ๋Ÿ‰์„ ์ค„์ผ ์ˆ˜ ์žˆ์Œ

โœ… ์™„๋ฃŒ ๊ธฐ์ค€

  • ์ด๋ฏธ์ง€ ํ€„๋ฆฌํ‹ฐ์™€ ์‚ฌ์ด์ฆˆ๋ฅผ ์กฐ์ ˆํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์ด ์ •์ƒ์ ์œผ๋กœ ์ž‘๋™ํ•ด์•ผ ํ•จ

๐Ÿ›  ๊ตฌํ˜„ ๋ชฉ๋ก

  • ์ง€์ •ํ•œ ํ€„๋ฆฌํ‹ฐ๋กœ ์ด๋ฏธ์ง€๊ฐ€ ์ €์žฅ๋˜๋Š” ๋กœ์ง ๊ตฌํ˜„
  • ์ง€์ •ํ•œ ์‚ฌ์ด์ฆˆ๋กœ ์ด๋ฏธ์ง€๊ฐ€ ์ €์žฅ๋˜๋Š” ๋กœ์ง ๊ตฌํ˜„

๐Ÿ“Œ ์ถ”๊ฐ€ ์‚ฌํ•ญ

  • ์ด๋ฏธ์ง€ ํ€„๋ฆฌํ‹ฐ์™€ ์‚ฌ์ด์ฆˆ ๋ฒ”์œ„ ์ง€์ • ํ•„์š”

๐Ÿšฆ ์šฐ์„  ์ˆœ์œ„

  • ์ตœ๊ณ  ์ฆ‰์‹œ ํ•ด๊ฒฐ์ด ํ•„์š”ํ•˜๋ฉฐ ํ”„๋กœ์ ํŠธ์˜ ํ•ต์‹ฌ ๊ธฐ๋Šฅ ๋˜๋Š” ๊ธด๊ธ‰ํ•œ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ์ž‘์—…์„ ๋ฉˆ์ถ”๊ณ  ์ฆ‰๊ฐ์ ์œผ๋กœ ์ฒ˜๋ฆฌ๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
  • ๋†’์Œ ๋น ๋ฅธ ์‹œ์ผ ๋‚ด์— ์ฒ˜๋ฆฌ๋˜์–ด์•ผ ํ•˜๋Š” ์ค‘์š”ํ•œ ์ž‘์—…์ด์ง€๋งŒ, ์ฆ‰์‹œ ํ•ด๊ฒฐ์ด ํ•„์ˆ˜์ ์ด์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค. ํ”„๋กœ์ ํŠธ ์ง„ํ–‰์— ์žˆ์–ด์„œ ์ค‘์š”ํ•œ ์—…๋ฌด์ž…๋‹ˆ๋‹ค.
  • ๋ณดํ†ต ์ผ๋ฐ˜์ ์ธ ์ž‘์—…์ด๋ฉฐ, ํŠน๋ณ„ํ•œ ๊ธด๊ธ‰์„ฑ์ด๋‚˜ ์ค‘์š”์„ฑ์ด ์—†์Šต๋‹ˆ๋‹ค. ํ”„๋กœ์ ํŠธ์˜ ์ •์ƒ์ ์ธ ์ง„ํ–‰์„ ์œ„ํ•œ ๊ธฐ๋Šฅ ๊ฐœ์„ ์ด๋‚˜ ์ˆ˜์ • ์ž‘์—…์ž…๋‹ˆ๋‹ค.
  • ๋‚ฎ์Œ ์ผ๋ฐ˜์ ์ธ ์ž‘์—…์ด์ง€๋งŒ ์ƒ๋Œ€์ ์œผ๋กœ ์šฐ์„ ์ˆœ์œ„๊ฐ€ ๋‚ฎ์Šต๋‹ˆ๋‹ค. ์‹œ๊ฐ„์ด ๋‚˜๋ฉด ์ฒ˜๋ฆฌ๋˜์–ด์•ผ ํ•˜๋Š” ์ž‘์—…์ด๊ฑฐ๋‚˜ ๊ธด๊ธ‰์„ฑ์ด ๋‚ฎ์€ ์—…๋ฌด์ž…๋‹ˆ๋‹ค.
  • ์ตœ์ € ๊ธฐ๋Šฅ ๊ฐœ์„  ๋˜๋Š” ๋ฒ„๊ทธ ์ˆ˜์ •์ด๋‚˜ ๋ณ€๊ฒฝ ์‚ฌํ•ญ ์ค‘์—์„œ๋„ ์šฐ์„ ์ˆœ์œ„๊ฐ€ ๊ฐ€์žฅ ๋‚ฎ์€ ์ž‘์—…์ž…๋‹ˆ๋‹ค. ํ•„์š”์— ๋”ฐ๋ผ ๋‚˜์ค‘์— ์ฒ˜๋ฆฌํ•  ์˜ˆ์ •์ธ ์ž‘์—…์ž…๋‹ˆ๋‹ค.

๐ŸŒŸ FEATURE: output ํ™•์žฅ์ž ์ง€์ • ๊ธฐ๋Šฅ ์ถ”๊ฐ€

๐Ÿ“ ๊ธฐ๋Šฅ ์„ค๋ช…

  • ์ €์žฅ๋˜๋Š” ์ด๋ฏธ์ง€์˜ ์ถ”๊ฐ€์ ์ธ ํ™•์žฅ์ž ์ง€์›

๐Ÿ’ก ๋™๊ธฐ

  • ํ˜„์žฌ ํ”„๋กœ๊ทธ๋žจ์€ WebP๋กœ๋งŒ ์ด๋ฏธ์ง€๋ฅผ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ์–ด input์ด WebP์ธ ๊ฒฝ์šฐ์—๋Š” ํ•ด๋‹น ํ”„๋กœ๊ทธ๋žจ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์Œ
  • output ํ™•์žฅ์ž ์ง€์›์„ ๋Š˜๋ ค ํ”„๋กœ๊ทธ๋žจ์˜ ํ™•์žฅ์„ฑ์„ ๋†’์ผ ์ˆ˜ ์žˆ์Œ

โœ… ์™„๋ฃŒ ๊ธฐ์ค€

  • ๋ณ€ํ™˜ํ•  ์ด๋ฏธ์ง€์˜ ํ™•์žฅ์ž๋ฅผ ์ง€์ •ํ•˜๊ณ , ํ”„๋กœ๊ทธ๋žจ์ด ์ง€์ •๋œ ํ™•์žฅ์ž์— ๋”ฐ๋ผ ์ด๋ฏธ์ง€๋ฅผ ๋ณ€ํ™˜ํ•ด์•ผ ํ•จ

๐Ÿ›  ๊ตฌํ˜„ ๋ชฉ๋ก

  • ์ง€์ •ํ•œ output ํ™•์žฅ์ž๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ๊ธฐ๋Šฅ ์ถ”๊ฐ€

๐Ÿ“Œ ์ถ”๊ฐ€ ์‚ฌํ•ญ

  • ํ™•์žฅ์ž์— ๋Œ€ํ•œ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ ํ•„์š”

๐Ÿšฆ ์šฐ์„  ์ˆœ์œ„

  • ์ตœ๊ณ  ์ฆ‰์‹œ ํ•ด๊ฒฐ์ด ํ•„์š”ํ•˜๋ฉฐ ํ”„๋กœ์ ํŠธ์˜ ํ•ต์‹ฌ ๊ธฐ๋Šฅ ๋˜๋Š” ๊ธด๊ธ‰ํ•œ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ์ž‘์—…์„ ๋ฉˆ์ถ”๊ณ  ์ฆ‰๊ฐ์ ์œผ๋กœ ์ฒ˜๋ฆฌ๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
  • ๋†’์Œ ๋น ๋ฅธ ์‹œ์ผ ๋‚ด์— ์ฒ˜๋ฆฌ๋˜์–ด์•ผ ํ•˜๋Š” ์ค‘์š”ํ•œ ์ž‘์—…์ด์ง€๋งŒ, ์ฆ‰์‹œ ํ•ด๊ฒฐ์ด ํ•„์ˆ˜์ ์ด์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค. ํ”„๋กœ์ ํŠธ ์ง„ํ–‰์— ์žˆ์–ด์„œ ์ค‘์š”ํ•œ ์—…๋ฌด์ž…๋‹ˆ๋‹ค.
  • ๋ณดํ†ต ์ผ๋ฐ˜์ ์ธ ์ž‘์—…์ด๋ฉฐ, ํŠน๋ณ„ํ•œ ๊ธด๊ธ‰์„ฑ์ด๋‚˜ ์ค‘์š”์„ฑ์ด ์—†์Šต๋‹ˆ๋‹ค. ํ”„๋กœ์ ํŠธ์˜ ์ •์ƒ์ ์ธ ์ง„ํ–‰์„ ์œ„ํ•œ ๊ธฐ๋Šฅ ๊ฐœ์„ ์ด๋‚˜ ์ˆ˜์ • ์ž‘์—…์ž…๋‹ˆ๋‹ค.
  • ๋‚ฎ์Œ ์ผ๋ฐ˜์ ์ธ ์ž‘์—…์ด์ง€๋งŒ ์ƒ๋Œ€์ ์œผ๋กœ ์šฐ์„ ์ˆœ์œ„๊ฐ€ ๋‚ฎ์Šต๋‹ˆ๋‹ค. ์‹œ๊ฐ„์ด ๋‚˜๋ฉด ์ฒ˜๋ฆฌ๋˜์–ด์•ผ ํ•˜๋Š” ์ž‘์—…์ด๊ฑฐ๋‚˜ ๊ธด๊ธ‰์„ฑ์ด ๋‚ฎ์€ ์—…๋ฌด์ž…๋‹ˆ๋‹ค.
  • ์ตœ์ € ๊ธฐ๋Šฅ ๊ฐœ์„  ๋˜๋Š” ๋ฒ„๊ทธ ์ˆ˜์ •์ด๋‚˜ ๋ณ€๊ฒฝ ์‚ฌํ•ญ ์ค‘์—์„œ๋„ ์šฐ์„ ์ˆœ์œ„๊ฐ€ ๊ฐ€์žฅ ๋‚ฎ์€ ์ž‘์—…์ž…๋‹ˆ๋‹ค. ํ•„์š”์— ๋”ฐ๋ผ ๋‚˜์ค‘์— ์ฒ˜๋ฆฌํ•  ์˜ˆ์ •์ธ ์ž‘์—…์ž…๋‹ˆ๋‹ค.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.