kaestro / kaestro.github.io

github blog

kaestro의 github에 와주셔서 감사합니다👋

93년생의 남성으로, 대장장이 신 오른처럼 매일 같이 자신을 단련하려고 노력하고 있습니다. 이를 통해 성장해서 초전설급 소프트웨어 엔지니어가 되는 것이 목표입니다.

현재 가장 신경써서 진행중인 레포지토리는 다음 세 개 입니다.

채팅 프로그램 API 서버 프로젝트를 통해서는 제 소프트웨어 개발 전반적인 역량을 확인하실 수 있습니다. 컴퓨터가 아니라 사람이 읽을 수 있는 코드를 작성하는 것을 목표로, 장기간 유지 보수를 통해 발전할 수 있는 소프트웨어를 개발하기 위해 엔지니어로써 고민해야할 것들이 무엇인지를 배우는 중 입니다. 주로 Go로 작성돼있습니다. 자세한 내용은 다음 포스트를 통해 확인하실 수 있습니다.

블로그를 통해서는 제가 평소 어떤 생각을 하고 무엇에 관심이 있으며, 이를 다른 사람에게 어떻게 전달하는 사람인지 확인하실 수 있습니다. 대표적으로는 개발 일지, 읽은 책이나 블로그, 기술 정리 등을 다루고 있습니다. html, md, js, liquid 등을 통해 프론트엔드단도 직접 작성하고 있습니다. 관련해서 진행한 개발 이야기는 다음 포스트에서 확인하실 수 있습니다

알고리즘 풀이를 통해서는 제가 일상적으로 하는 망치질을 확인하실 수 있습니다. 가능한 하루에 한 문제 이상의 알고리즘 퍼즐을 풀어가는 과정을 통해 문제 상황을 해결하는 능력을 기르려 하고 있습니다.

kaestro.github.io's Issues

front, category의 aside 알고리즘 default와 동일하게 변경

외로움 관련한 글 작성

제목: 저는 외로웠고, 이제는 아닙니다

내가 전 직장을 그만 둔 것에 대해 나도 몰랐구나. 나는 외로웠다.

외로움이란 진정한 자신을 드러내지 못하는 것, 그리고 그것은 다양함을 이해하고 존중하지 않는 분위기

이전/이후 글이 같은 날의 post에도 작동하도록 logic 변경

방 문을 열어놓는다는 것의 의미

내가 집에 있는지 없는지도 모름
단절
열어 놓음으로써 같은 공간에 있게 됨

github pages 빌드 actions 이용해서 변경

https://jekyllrb.com/docs/continuous-integration/github-actions/

브레드 앤 버터 리뷰글

우마무스메 공략글 - 200만원으로 우마무스메 12/14관을 달성한 비결

• 우마무스메는 타협의 게임이다
• 우마무스메는 복리 게임이다

1. 자기소개
2. 과학적인 우마무스메 접근 방법
   a. 마장 분석
   b. 유효스킬 분석
   c. 유효 스킬이란
   d. 프로토타입 육성
   e. 환경 분석
   f. 최종 엔트리 수립
3. 글 마무리

유튜브 링크를 통해 영상 썸네일 + 재생 뜨도록하는 기능 추가

글꼴 변경

추천 글꼴로는 pretendard가 있음

우측 목차 로직 변경

• 드롭다운으로 변경
• 목차 항목 없을시 생성
• 현재 h1부터 읽기 때문에 하나 더 들어가있는데, 읽을 h1은 존재할 수 없음. 해당 로직 변경

프로그래머 열정을 말하다 서평

index 디자인 수정

글의 양이 늘어서 현재 index가 어느 글을 볼 지 선택하는 데 도움이 별로 되지 않는다는 생각이 든다.

다음 동시 적용

• 최신 글
• 오마카세

를 우측 aside로 추가한다

방 정리와 관련한 글

5년 후의 나에 대해 생각하는 것

얼마 전 면접에서 들은 질문

대답으로 5년후의 내가 현재 내가 상상할 수 없는 형태의 사람이었으면 좋겠다 대답

블로그 좌측에 카테고리 목차 띄워놓는 하이퍼링크 생성

모바일에서는 최신글 grid가 추가로 등장하며 추천글 아래에 있도록 변경

우측 담장 작성

우측에는 현재 글의

~

로 돼있는 것들에 대한 페이지 이동 링크 생성

네이버 seo 관리

• 사이트맵 제출
• 메타 태그

liquid에서 div 재사용 방법 찾아보기

몬테 카를로 기법

대화에서 상대방을 진지하게 마주하고 이야기를 들어주는 것

울려라 유포니엄 3기

대규모 탈퇴하려는 1학년생들은 단순히 레이나가 싫은 것이 아니다. 그것이 결과가 나온다면 주역으로 활동할 수 있었던 사람들에게는 올바른 일이지만, 그렇지 못할 초심자들에게도 옳은 일이라 할 수 있을까?

그것은 인생에서 주역을 한 번도 내려놔본 적이 없는 사람은 이해할 수 없는 것.

그렇기에 쿠미코는 이해할 수 있는 것

그렇게 주역의 자리에 서 보지 못해, 너무 잘하고 싶지만 능력이 부족해 괴로운 적이 있었던 쿠미코인 만큼, 아니 쿠미코이기에 그녀들의 마음을 진지하게 마주 볼 수 있고 이야기를 들어줄 수 있다.

다른 사람의 이야기를 들어주는 것으로 그 사람에게 공감하고 관심을 가져준다는 것은 위대한 일이다

=> 를 기반으로 한 글을 써보고 싶음

[CI] 빌드했을 경우에 sitemap과 새로운 url을 google search에 추가 신청 요청

• 빌드하고 sitemap 변경 있을 경우, 이를 google search에 변경 요청
• 빌드하고 새로운 url 생성시 google search에 추가 신청 요청
  • 참고: https://developers.google.com/webmaster-tools/v1/getting-started?hl=ko

서치 콘솔 제외 링크 통한 트래픽 발생량 트래킹 방법 찾아보기

수단이 아니라 목적으로써의 면접에 대하여

• 16번의 면접 중 한 번 합격
  • 전문가라기보단 탐구자
  • 합격하기 위한 비법을 원한다면 부적합하다
• 싸우기 전에 승리하기 위해 노력하라
  • 나를 먼저 드러내기 위한 노력들을 하라
  • 그러나 면접에 합격하지 못했다 하더라도 이에 실망하지는 말라
    • 합격은 상대의 기준과 다르다는 것이므로 실망할 일이 아니다
    • 제갈량조차 호로곡에서 소나기 때문에 사마의를 놓치게 된다
    • 성공을 지나치게 희망하지 않되, 실패했을때의 이후 계획을 꾸준히 진행하자
• 보통 1시간을 진행하게 되는 면접
• 공개채용
  • 상대에게 보이는 내 모습을 그 사람들이 원하는 것에 맞게 꾸미기 위해 노력
  • 어느 일을 맡겨도 상관없을 사람을 뽑으려 함
• 수시채용
  • 현재는 자기 자신을 드러내고 회사에 내가 어떤 사람임을 알리려 노력
  • 회사가 가지고 있는 특정한 문제를 해결할 사람을 구하려고 함
    • 문제는 변화일수도, 현상 유지일 수도 있음
  • 서로간의 대화
• 내가 원하는 회사
  • 나에게 관심이 있는 회사
  • 자신을 드러내려고 노력하는 회사

목차 aside 밑에 카테고리 내 다른 글로 가는 hyperlink 추가

글을 더 짧게 쓰기 위해 series 형태 생성

ex) 대장간 (1), 대장간(2) 하면 하나의 책으로

subcategory 기능 추가

블로그 만들어진 과정 이야기

이 블로그를 어떤 과정을 통해 만들어졌고, 시행착오에 대한 이야기를 쓸 예정.

• why github pages - 플랫폼 선택 과정

• 포스트 구성 과정

  • jekyll
  • cayman
  • index, categories, post

• 글 주제를 선정하는 과정

• js, css를 통해 현재의 형태를 갖추는 과정

• google search engine에 등록하는 과정

  • indexing이 무엇인가?
  • indexing의 원리
  • indexing이 제대로 되는지에 대한 테스트

• 대상 독자: 블로그를 시작하려는 개발자들

• 블로그 목적: 공부 반, 포트폴리오 및 마케팅 반

• 주 내용:

  • 이 블로그구축을 어떤식으로 공부에 활용할 수 있는가
  • 그 과정을 어떻게 피드백할 것인가
  • 꾸준히 뭔가를 하고 있구나라고 느낄 만한 정리와 배치 분류법에 대한 조언
  • 블로거는 작가가 아니라 작가이자 마케터이자 편집자이자 개발자이다

최근의 유용한 물건 사용 후기

ticktick

lenovo legion tab y700

보성 녹차

샤오미 램프(https://www.coupang.com/vp/products/7644266289?isAddedCart=)

에어메이드 가습기(https://www.coupang.com/vp/products/1057787179?itemId=2000987394)

copilot

multiscreen block

javascripts를 assets로 이동하고 이용하던 파일들의 디렉토리 변경후 테스트

현재 css/는 assets에 있고 javascripts는 밖에 있어서 문제

약 네 개의 layout이 있는 상태이므로 수동으로 다 교체해도 그렇게 오래 걸리지 않고, script를 작성해도 괜찮다.

대신 페이지들이 제대로 동작하는지 테스트할 방법에 대해서는 고민 중

현재 목차 두개 노출되는 부분 해소 고려

우측에 검은 볼드로 목차라 네이밍돼있는거 없애고 링크만 남긴다
대신 이제 목차도 포함한다

해상도 따른 aside 불편한 문제 해소

최상단 그라데이션 변경

너무 못생긴거 같아서 다른거로 바꾸고싶다

자기 소개 글 작성(about page 작성)

예시

• 관심사
• contact

tag 등의 방식으로 키워드 노출되게 할 방법 찾아보기

aside 나무위키의 형태로 변경

3개월 퇴고 소주제별 글 분할해서 세부 작성

작성중이 있을 경우 다음 글로 노출 안되게 로직 변경

categories 페이지에 작성일 추가

우측 aside 로직 변경

현재 h1부터 읽기 때문에 하나 더 들어가있는데, 읽을 h1은 존재할 수 없음.

해당 로직 변경 필요

맨 위로/아래로 aside 형태 변경

• 큰 화면에서는 짙은 화살표 위아래
• 작은 화면에서는 반투명 화살표 위 아래

수학 수식 latex 통해 적용하는 방법 찾아두기

https://docs.github.com/ko/get-started/writing-on-github/working-with-advanced-formatting/writing-mathematical-expressions#writing-inline-expressions
https://www.whatwant.com/entry/GitHub-LaTex
https://khw11044.github.io/blog/blog-etc/2020-12-21-markdown-tutorial2/

작성중 노출 로직 변경

Why needed

• google search를 타기 위해 sitemap을 가능한 덜 변경하는게 나을 것으로 보임
• 작성중 카테고리로 글을 올리는 것보다 최종적으로 놓일 곳에 글을 올리되, front page에서 작성중에 노출되게 하는 것이 나아보임

Suggested Solution

• subtitle에 '작성중'을 확인하는 logic을 넣는다.
• 해당 것이 있으면 최하단의 작성중으로 넘어가서 노출되도록 한다.

front page 격자형태로 변경

현재보다 밀도 높일 필요 있음. 격자형태로 변경 진행

맨 아래까지 스크롤 했을 때 다음 포스트 있을 경우 자동으로 넘어가기

recommended page 추가

알고리즘 이론 정리

• graph theory
• Dijkstra's algorithm
• Bellman-ford algorithm
• BFS/DFS
• DP

예절을 지키는 일에 대해서

blog post workflow 적용

front 노출 방식 모바일에서는 한줄로 변경

모바일/데스크톱 구분 없이 두 줄 grid로 구성된 것을 모바일에서는 한 줄이 되도록 변경한다

style css파일로 분리 리팩토링