vompressor.com

최종 목표

  1. 직접 만들어서 테라포밍

중요 수정 사항

~~1. 포스트/페이지 목차 만들기
2. 페이지 헤더태그를 파싱해서 생성
* 매우 비효율적.. 그냥 사이트를 다시 만들까 or
* https://stackoverflow.com/questions/3292903/in-markdown-what-is-the-best-way-to-link-to-a-fragment-of-a-page-i-e-some-id
~~
ease 테마로 변경
3. 사이트 콘텐츠 로드속도 매우 느림!
* 이로인해 광고 로드속도 또한 지연이로인해 광고 로드속도 또한 지연
* 사용 안하는 css js파일을 쳐내야함
4. 애드센스가 부분적으로 로드되지않음

  1. Https 설정
    • certbot + cloudflare 구성
      • Websocket 지연
      • 사이트간 이동시 지연
      • 관리자페이지 매우 느림
  2. disqus 댓글
  3. prismjs 코드 하이라이팅
    • 맘에 안듦, 수정 필요
      • 수정 완료
  4. Ghost 이미지 변경하기
  5. 폰트 변경
  6. 광고
    • 카카오 에드핏 승인 (3/9)
    • 구글 에드샌스 승인 (3/12)
    • 애드핏 - 포스트 하단 2개
    • 애드센스 - 포스트 상단 1개 + 자동광고
    • 화면 크기에따라 광고 크기 변형 필요
      • 애드센스 - 자동 최적화
      • 애드핏 - 화면 픽셀 크기에 맞춰 개시광고 전환
    • 광고 로드속도 매우느림
    • 광고 갯수 최적화
      • 운영 해보며 수정
  7. 사이트맵 등록
    • ghost 기본 제공 기능인 rss를 등록함
    • 사이트맵 등록 없어도, 구글 검색엔진이 알아서 크롤링함
  8. 카테고리 목차 같은거 만들기
    • 직접 만들어야함
  9. Brave BAT
  10. 관리용 사이트 (gacs, console, test) 접근 제한
    • 필요시 가동하도록 수정
    • 3번 인증시 접근 가능
  11. 사이트 데이터 API서버 만들기
    • 사이트 이전, 백업용으로 필요
    • db data -> markdown

Brave

  1. Brave
  2. BAT

Nginx

  1. 설치
  2. 설정
  3. 정적 컨텐츠 제공
  4. 리버스 프록시
  5. 메일 프록시
  6. HTTPS -> certbot 완성 후 연계
  7. Certbot nginx 자동 설정
  8. HTTPS With Websocket
  9. 캐싱
  10. 로깅
  11. 로드밸런싱
  12. 미디어 스트리밍

Vue.JS

  1. vite로 템플릿 생성
  2. 컴포넌트
  3. 프롭
  4. 렌더링
  5. 조건/반복 렌더링
  6. 클레스 바인딩
  7. 스타일 바인딩
  8. 이벤트 핸들링
  9. 폼 입력 바인딩
  10. 트랜지션, 애니메이션
  11. 라우터
  12. Nuxt.js

TailwindCSS

  1. 설치 (Vue, React, ...)
  2. 용량 최적화 (purgecss)
  3. margin, padding, space between
  4. width, height
  5. typograpy
  6. background
  7. border
  8. shadow
  9. opacity
  10. table
  11. transition
  12. animation
  13. transform
  14. ...

TLS

  1. certbot
  2. standalone
  3. webroot
  4. dns -> 추가 예정
  5. 도매인, 추가, 수정, 제거
  6. nginx 적용

Go

  1. 언어 기본
  2. 언어 응용
  3. io.Reader io.Writer
  4. gin 마이크로서버

Rust

  1. 언어 기본
  2. 언어 응용
  3. System Call
  4. 마이크로 서버

Web-Front

  1. Html
  2. Css
  3. JS/TS
  4. React
  5. Vue
  6. Svelte

Web-Backend

  1. Nginx
  2. Nginx-Unit
  3. Node
  4. Go
  5. ...

Ubuntu

  1. 설치
  2. 기본명령어
    1. ls
    2. cd
    3. vim
    4. ...
  3. Shell Script

Ghost

  1. 호스팅
  2. Ghost-CLI
  3. Gost설치
  4. Nginx
  5. 커스터마이징

Github

  1. Git 사용법
  2. GitHub 사용법
  3. 이슈트레킹

C

  1. 언어 기본
  2. 컴파일러
  3. 언어 응용
    1. 포인터
    2. ...
  4. Linux System Call

Cloud

  1. Vultr 호스팅
  2. 서버 기본 설정
  3. Code-Server
  4. Cockpit

Node

  1. Node
  2. Npm
  3. Express

Deno

  1. Deno