GithubHelp home page GithubHelp logo

blog's Introduction

KJH DEV BLOG

URL :

사용한 기술 :

  • Spring Boot (Java8), JSoup, Thymeleaf, Gradle, Bootstrap, Heroku, Disqus, etc

특징 :

  • 네이버 블로그 (스마트 에디터)로 글을 쓰면 이 블로그에도 실시간 동기화 된다.
  • 원하는 카테고리만 크롤링을 통해 보여준다.
  • 구글, 다음 등 여러 검색엔진에 노출 가능하다.
  • 광고를 붙이는 등의 커스터마이징이 가능하다.

캡처 이미지 :

PC Main

PC Detail

Mobile Detail

blog's People

Contributors

writer0713 avatar

Watchers

avatar

blog's Issues

css, js minify, combine

  • <script></script> 태그에 있는거 js 파일로 분리하기
  • cdn으로 하는게 맞는건지, 아니면 npm 등을 통해 다운 받아서 로컬에서 파일 제공하는게 맞는건지 확인해보기
  • 만약 로컬에서 제공하면 npm 및 minify 등 적용
  • 로컬에서 제공하면 전체 파일 합쳐서 하나로 로딩하도록 적용

test case 작성

수정 하면 다른 부분에 side effect 없는지 확인하기가 까다로움.
test case 작성해서 수정할때마다 전체적으로 테스트 돌리도록

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 환경으로 배포시 로컬에서 빌드한게 아니라, 실제 히로쿠에서 배포시 빌드된 파일로 제대로 동작하는지 확인

반응형 적용

반응형 하면 사이드바가 하단에 이상하게 나옴.

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.