Code Monkey home page Code Monkey logo

blog's Introduction

Hi there ๐Ÿ‘‹ I'm Junghwan ๐Ÿ˜Ž

junghwan's github stats


Hits

blog's People

Contributors

writer0713 avatar

Watchers

 avatar

blog's Issues

css, js minify, combine

  • <script></script> ํƒœ๊ทธ์— ์žˆ๋Š”๊ฑฐ js ํŒŒ์ผ๋กœ ๋ถ„๋ฆฌํ•˜๊ธฐ
  • cdn์œผ๋กœ ํ•˜๋Š”๊ฒŒ ๋งž๋Š”๊ฑด์ง€, ์•„๋‹ˆ๋ฉด npm ๋“ฑ์„ ํ†ตํ•ด ๋‹ค์šด ๋ฐ›์•„์„œ ๋กœ์ปฌ์—์„œ ํŒŒ์ผ ์ œ๊ณตํ•˜๋Š”๊ฒŒ ๋งž๋Š”๊ฑด์ง€ ํ™•์ธํ•ด๋ณด๊ธฐ
  • ๋งŒ์•ฝ ๋กœ์ปฌ์—์„œ ์ œ๊ณตํ•˜๋ฉด npm ๋ฐ minify ๋“ฑ ์ ์šฉ
  • ๋กœ์ปฌ์—์„œ ์ œ๊ณตํ•˜๋ฉด ์ „์ฒด ํŒŒ์ผ ํ•ฉ์ณ์„œ ํ•˜๋‚˜๋กœ ๋กœ๋”ฉํ•˜๋„๋ก ์ ์šฉ

herokuapp ์ƒˆ๋ฒฝ์‹œ๊ฐ„ ์™ธ ์‹œ๊ฐ„์—๋Š” idle ์•ˆ๋˜๋„๋ก

herokuapp์— ์ ‘์†์ด ์—†์œผ๋ฉด ์ €์ ˆ๋กœ ์„œ๋ฒ„๊ฐ€ ๊บผ์ง„๋‹ค.
๋”ฐ๋ผ์„œ, ์ง€์†์ ์œผ๋กœ herokuapp์— ping์„ ๋‚ ๋ ค์„œ ๊บผ์ง€์ง€ ์•Š๋„๋ก ํ•ด์•ผํ•œ๋‹ค.

์ด์ „์—๋Š” Kaffeine ์„ ์‚ฌ์šฉํ•ด์„œ ์„ค์ •ํ–ˆ๋Š”๋ฐ,
ํ˜„์žฌ ๋“ฑ๋ก๋œ ์•ฑ ์ˆ˜๊ฐ€ DB ์šฉ๋Ÿ‰์„ ์ดˆ๊ณผํ•˜์—ฌ ๋“ฑ๋ก์ด ์•ˆ๋œ๋‹ค.

์šฐ์„ ์€ ๊ฐœ์ธ ๋ฆฌ๋ˆ…์Šค ์„œ๋ฒ„์—์„œ curl์„ crontab์— ๊ฑธ์–ด์„œ ๋งค 20๋ถ„ ๋งˆ๋‹ค ์š”์ฒญํ•˜๋„๋ก ํ–ˆ๋‹ค.
(00์‹œ-07์‹œ)๋Š” ์„œ๋ฒ„ ๋‹ค์šด๋˜๋„๋ก ํ•˜์—ฌ free tier์˜ ์‹œ๊ฐ„์„ ์ดˆ๊ณผํ•˜์ง€ ์•Š๋„๋ก ํ•œ๋‹ค.

$ */20 8-23 * * * /usr/bin/curl https://writer0713.herokuapp.com &> /dev/null

๋ฐ˜์‘ํ˜• ์ ์šฉ

๋ฐ˜์‘ํ˜• ํ•˜๋ฉด ์‚ฌ์ด๋“œ๋ฐ”๊ฐ€ ํ•˜๋‹จ์— ์ด์ƒํ•˜๊ฒŒ ๋‚˜์˜ด.

prod / dev ํ™˜๊ฒฝ ๋‚˜๋ˆ„๊ธฐ

  • js / css ์ž„ํฌํŠธ๋ฅผ prod / dev์— ๋”ฐ๋ผ ๋‹ค๋ฅด๊ฒŒ ํ•˜๊ธฐ
  • heroku ์—์„œ prod ํ™˜๊ฒฝ์œผ๋กœ ๋ฐฐํฌ ํ•˜๋Š” ๋ฐฉ๋ฒ• ํ™•์ธ ๋ฐ ์ ์šฉ
  • heroku ์—์„œ prod ํ™˜๊ฒฝ์œผ๋กœ ๋ฐฐํฌ์‹œ ๋กœ์ปฌ์—์„œ ๋นŒ๋“œํ•œ๊ฒŒ ์•„๋‹ˆ๋ผ, ์‹ค์ œ ํžˆ๋กœ์ฟ ์—์„œ ๋ฐฐํฌ์‹œ ๋นŒ๋“œ๋œ ํŒŒ์ผ๋กœ ์ œ๋Œ€๋กœ ๋™์ž‘ํ•˜๋Š”์ง€ ํ™•์ธ

test case ์ž‘์„ฑ

์ˆ˜์ • ํ•˜๋ฉด ๋‹ค๋ฅธ ๋ถ€๋ถ„์— side effect ์—†๋Š”์ง€ ํ™•์ธํ•˜๊ธฐ๊ฐ€ ๊นŒ๋‹ค๋กœ์›€.
test case ์ž‘์„ฑํ•ด์„œ ์ˆ˜์ •ํ• ๋•Œ๋งˆ๋‹ค ์ „์ฒด์ ์œผ๋กœ ํ…Œ์ŠคํŠธ ๋Œ๋ฆฌ๋„๋ก

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.