Giter VIP home page Giter VIP logo

hanassig's Introduction

An Nyeong

  • interests: Web backend engineering, development environments, keyboards, etc.
  • languages: Korean(원어민), English(broken), Japanese(少し), Esperanto(iomete).
  • programming languages: Elixir(learning), Rust(learning).
  • blog/second-brain: hanassig.

Repos

  • hanassig: notes about what I've learned. (ko)
  • .dotfiles: configuration files for my development environments. (zsh, editor, git, etc)
  • nth-week-today: a website presenting the week number. (ko)
  • realworld-elixir: blog clone coding project.
  • playground: code snippets for problem-solving or proof of concepts.

hanassig's People

Contributors

nyeong avatar

Stargazers

 avatar

Watchers

 avatar

hanassig's Issues

🦀 러스트

  • cargo-audit, cargo-hack

참고할 책

  • zero to production in rust

오늘은 몇주차 오류

안녕하세요 개발자님!
예전에 "오늘은 몇주차!" 페이지를 발견하여 즐겨찾기에 등록해두고 종종 잘 쓰고 있습니다!
오늘 페이지에 접속해보니 아래와 같이 떠서 여기에 글 남깁니다. 모종의 이유로 페이지를 삭제하신거면 어쩔수없겠네요 ㅎㅎ

페이지를 찾을 수 없습니다.
원하는 페이지를 찾을 수 없습니다.
사이트 관리자에게 링크가 깨진 것을 알려주세요.

CLI tools

  • 터미널 멀티플렉서 → tmux
  • 텍스트 편집기 → helix, vim
  • 터미널 파일 탐색기 → lf
  • 시스템 모니터, 프로세스 뷰어 → bottom, htop
  • 기본적인 도구들
    • ls, cd, tee, cat, xargs, find, grep, ssh, kill, dd, ln, [
  • 파이프라이닝
  • 표준입출력과 리다이렉션
  • 기초 bash 문법 (https://ss64.com/bash/syntax-brackets.html)

정적 체커 만들기

아래 사항 확인해주는 체커 만들기

  • 파일 이름이 규칙에 맞는가
  • frontmatter가 유효한가
  • 링크가 유효한가
    • [[path]]
    • [title](https://) 외부 링크

그리고 글 관계 분석해서 뽑아주기

UiBox

홈 서버에 해볼 것

  • 이메일 서버
  • NAS
    • SMB, NextCloud
    • 사진, 동영상 백업
  • bitwarden (valutwarden)
  • CalDAV, CardDAV
  • 코딩용 서버
    • CI/CD 서버
    • 테스트용 DB 서버
    • 성능만 좋으면 그냥 SSH로 접속해서 돌리는 것도 좋을듯

참고

리눅스 랩탑 쓰기

https://twitter.com/compiztab/status/1562422122336555011?s=20&t=J4pvJirf2HF8_ieXvq6yJw

이슈 관리

처음 저장소 만들 때 "추가하고 싶은 내용"을 이슈로 넣었는데

  1. 내 할일이 깃허브 이슈에 있어서 관리하기 힘듦 (자주 확인하지 않음 / 내 할일이 한 곳에 있지 않음)
  2. 현재 운용법과 거리가 멂 (특정 주제를 공부해서 추가하는 것이 목표가 아님 / 그때그때 공부한 것들을 간략하게 정리하는 중 / 빈번하게 push하지도 않음)
  3. 참고자료, 개요를 이슈에 적는 것은 별 도움이 안 됨 (실제 파일에 기록하는 편이 나음)

따라서 '특정 주제에 대해 추가하기'를 목표로 하는 이슈를 삭제할 것.

최신 글 보여주기

목표

  • index 파일에 최신 글 5개 보여주기.
  • git hook이든 github action이든 써서 자동으로 업데이트 시키기.

설계

  1. 마크다운 주석을 활용하여 렌더링 위치 표시
  2. git hook이나 github action을 이용하여 글을 읽어서 github commit 기준으로 최근 수정된 글 파악
  3. 해당 위치에 렌더링

예를 들어 notes/index.md 파일에서 아래와 같이 주석으로 렌더링 위치를 표시하면

---
title: index
date: 2023-01-10
tags: []
---

많은 헤일 무성할 봅니다. 하나 남은 그리워 이네들은 가슴속에 둘 있습니다.
지나고 멀리 한 내 계십니다. 소녀들의 이름과, 별 봅니다.

## 최신 글

[//render]: # "recents"
## 최신 글

[//begin]: # "recents"
- [[recent-note-01]]
- [[recent-note-02]]
- [[recent-note-03]]
- [[recent-note-04]]
- [[recent-note-05]]
[//end]: # "recents"

문법

주석의 형태는 [//]: # "Comment" 요런 식이 제일 나아보임. foam[//begin] 이런 식으로 쓰는 듯.

begin-end 다 쓰는 게 귀찮으니 [//render]: # "template-name" 요렇게 쓰면 알아서 블록 만들어주면 좋겠다.

<!-- 이렇게 쓰면 -->
[//render]: # "template-name"
<!-- 이렇게 렌더링 -->
[//begin]: # "template-name"
- rendered body
[//end]: # "template-name"

참고

파일 이름을 slug로 쓰기

현행

  • 파일 이름이 곧 제목임
    • 띄어쓰기 및 non-ASCII도 열심히 쓰고 있음
  • frontmatter에 제목이 또 있음
  • h1 태그는 생략함

이렇게 쓰는 이유

  • 파일 이름이 제목이므로 디렉토리 목록만 봐도 무슨 파일인지 알기 쉬움
  • obsidian이 파일 이름을 기본적으로 제목으로 삼음
  • frontmatter에 제목을 왜 또 썼는 지는 까먹음
  • 파일 이름으로 다룰 때 찾기 쉬움.

문제

  • URL 인코딩 때문에 주소를 복사하면 지저분해짐
    • https://annyeong.me/notes/dbdiagram/은 괜찮은데
    • https://annyeong.me/notes/6%EB%B2%88%EC%A4%84%EC%9D%B4-%EA%B7%BC%EC%9D%8C%EC%9D%B8-%EC%BD%94%EB%93%9C%ED%8F%BC/은 굉장히 별로임
  • 띄어쓰기 때문에 bash 명령어 쓸 때 지장이 좀 있음

홈서버 만들기

홈 서버에 해볼 것

  • 이메일 서버
  • NAS
    • SMB, NextCloud
    • 사진, 동영상 백업
  • bitwarden (valutwarden)
  • CalDAV, CardDAV
  • 코딩용 서버
    • CI/CD 서버
    • 테스트용 DB 서버
    • 성능만 좋으면 그냥 SSH로 접속해서 돌리는 것도 좋을듯

참고

작은 글 여럿 대신 긴 글 위주로 쓰기

Refer #17.

기존 문제

생각나는 대로 obsidian에서 cmd + O 눌러서 파일 만들어서 정리. 태그와 링크, 백링크로 구조화.

  • 정보값이 없는 낱글이 너무 많음.
  • 글의 연결로 맥락을 유지하다보니 알아보는게 힘듦.
  • 짜임새 있는 학습을 하기 어려움.
  • 링크를 빠뜨리기도 함.

스크린샷 2023-02-21 15 40 32

해결 방법

  • 중심이 되는 주제 위주로 되도록 긴 글을 작성하기.
  • 문서 분리를 보수적으로 하기.
  • 이렇게 하면 #17 처럼 트리 구조를 적용할 필요도 적어진다.

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.