github-pages

Velog는 정말 간단하면서 개발자 친화적이라서 많은 사람들이 애용하는 것 같다. 하지만 개발자라면 누구나 이러한 꿈을 가지고 있을 것 같다. 바로 온전히 자신만의 블로그를 만드는 것 이다. 그래서 이러한 꿈을 가지고 있는 개발자를 위한 아주 좋은 블로그 환경이 존재

GitHub Pages는 기본적으로 정적 페이지인 html을 배포해준다. 기본적으로 index.html이라는 루트 페이지를 진입점으로 사용하며, CSR을 통한 동작이 가능하다. 그렇다는 이야기는 React를 활용해서 간단한 SPA 동작을 지원하는 웹 페이지도 구현 가능

github pages의 웹사이트를 어떤식으로 구현을 할까 고민을 해보았는데, 간단하게 내 프로필과 일정 그리고 공부 내용을 정리 할수 있는 공간을 만들어 보기로 하였다. 따라서 구현해야 되는 페이지는 아래와 같다.프로필캘린더스터디정적 페이지만을 서비스하는 GitHub

Ⓜ️마크다운 컴포넌트 우스갯소리로 정리를 잘하면 실력이 좋은 개발자라는 소리가 있다. 자신이 개발한 내용을 자신 뿐만 아니라 다른 사람이 보아도 이해하기 쉽게 정리한 사람이야 말로 개발에 적합하다는 소리이다. 이러한 문서 정리용 언어를 경량 마크업 언어라고 하는데 대

저번에는 프로필 페이지에서 마크다운 컴포넌트를 구현하였다. 이번에는 캘린더 페이지를 구현해서 내 일정을 입력하고 캘린더로 효과적으로 보여주는 페이지를 작성할 계획이다. 또한 API를 통해서 카카오톡이나 이메일로 일정 리마인딩을 해주는 기능도 구현할 계획이다.캘린더 라이

🛠️백엔드 서버 구축하기 정적 페이지만을 서비스하는 GitHub Pages를 확장하기 위해 백엔드 서버를 구축하려고 한다. 서버는 NodeJS를 사용할 것이다. AWS 프리티어를 사용했는데, 이상하게 Vscode Remote SSH로 EC2 서버에 접속을 시도하니

저번에 이어서 오늘은 캘린더의 일정을 띄워주는 Schedule info 컴포넌트를 구현하고 Calender 페이지 구현을 일단 마치고 main 브랜치에 푸시하려 한다. 원래는 GitHub Pages에서 일정을 등록하고 수정할 수 있는 기능도 넣으려 했으나, 인증 과정을

GitHub Pages에 배포하는 방식은 여러 가지가 있는데, 먼저 로컬에서 빌드된 결과물을 직접 명령어로 배포하는 방법이 있다.이렇게 scripts를 설정하고 위의 명령어를 실행하면 빌드된 dist 폴더를 github.io 레포지토리의 gh-pages 브랜치로 푸시할

현재 사이트의 사이드바에 study 페이지가 존재하는데, 여기에 Velog, GitHub, Study 이 3개의 페이지를 추가하여 관리할 계획이다.Velog 아이콘은 나중에 만들기로 하고, 우선 study 페이지에 Velog 기능부터 구현해 보았다.Velog는 RSS(

저번에 Velog 페이지를 구현한 것과 이어서, 오늘은 GitHub Page를 구현하려 한다. GitHub 페이지에 내 GitHub 프로필과 repo 정보, PRs, Issues를 출력하는 것이 목표이다.오늘은 일단 프로필 출력을 구현하려고 한다.구현 방법은 GitHu

오늘은 지난 시간에 이야기한 렌더링 최적화 기법을 적용해 보았다.이전에 구현한 GitHub 페이지에서 프로필을 렌더링하는 데 2~3초가 걸려 불편함이 있었다.처음에는 Context로 모든 데이터를 fetch하도록 할 수도 있지만,이 경우 페이지별로 fetch를 진행하기

이번 시간에는 최종적으로 GitHub Page 구현을 마치려고 한다. 그런데 역시 끈기가 부족해서 구현하는 게 상당히 귀찮게 느껴졌다. 특히 CSS로 렌더링을 구현하는 게 짜증이 났다. 그래서 이번에는 온전히 Cursor AI를 통해 프로젝트를 분석하고 적절한 코드를