글씨체에 대한 설정이 없어서 윈도우에서 크롬으로 TIL 블로그에 들어가면 한글 글꼴이 깨진듯 이상하더라구요 😢 해결하기 위해 간단한 방법으로 웹폰트를 적용했습니다! 구글 폰트에서 원하는 폰트 가져오기 저는 이 폰트로! 폰트를 골라 Select this stlye을 누르고 @import를 눌러 나오는 url 주소를 복사해둡니다 CSS 파일에 다음과 같은 코드를 붙여넣습니다 제 앞선 글들과 동일한 사이트를 생성하셨다면, css > main.scss 파일에 넣으시면 됩니다! @font-face { font-family: 'Noto Sans KR'; src: url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100&display=swap'); fo..

이제 Jekyll 테마의 변경한 세부사항을 바로 확인할 수 있도록 Ruby와 Jekyll을 설치하도록 하겠습니다. 0. 기본적인 설치 및 사용법은 Jekyll 사이트에서 알아봤습니다 📌 jekyllrb-ko.github.io/ 설치 환경 - VMware Workstation 16 Player - Ubuntu 20.04.2.0 1. Update 설치 전 업데이트는 필수! sudo apt-get update sudo apt-get upgrade 2. 필요한 패키지 설치 sudo apt-get install ruby-full build-essential zlib1g-dev 3. Gem 설치 디렉토리 설정 root 사용자로 Ruby Gem 을 설치하는 것은 피하는 게 좋습니다. 다음 명령으로 Gem 설치 경로를..

TIL를 블로그에 작성하고 싶어서, 깃허브 블로그를 하나 만들기로 했습니다. 매일 TIL를 작성하며 공부 중이라는 사실을 깃허브 잔디밭에도 나타내고 싶기도 하고, 개인 도메인과 호스팅을 구입하긴 부담돼서 깃허브 블로그로 결정했습니다! Jekyll Github 사이트를 제작, 운영하는 데 추천하는 도구는 'Jekyll'와 HEXO입니다. 저는 템플릿의 종류가 많은 Jekyll을 선택했습니다. Jekyll은 Ruby 언어로 작성된 정적 웹사이트 생성기입니다. 마크다운, Liquid, HTML&CSS를 넣으면 바로 게시할 수 있는 사이트를 완성할 수 있습니다! DB 관리도 필요없는 블로그를 운영하기 아주 편리한 도구죠. Jekyll의 기본 사용법은 다음 사이트에서 익혀서 사용했습니다. 📌 jekyllrb-ko..

포트폴리오와 TIL 를 위한 웹 사이트를 제작하기로 했습니다. Github를 웹 호스팅으로 이용하기로 했고 그 방법을 소개하겠습니다! 1. Repository 를 생성 2. index.html 파일을 생성 웹 사이트의 메인 페이지로 사용될 파일입니다. 저는 Hello라는 텍스트만 담은 파일로 생성했습니다. 3. Github Pages 설정 Settings > GitHub Pages > Source 에서 None을 클릭하여 master branch 를 선택하고 Save! Settings 에 들어가서 아래로 쭉 내리면 찾을 수 있습니다. Save하면 index.html 이 자동으로 웹 사이트의 소스로 공개됩니다. 4. 생성된 링크를 통해 웹 사이트로 들어갈 수 있습니다. index.html 이 이 웹 사이트..

위 사진처럼 내가 커밋하는 시간을 Github 프로필 메인에 나타낼 수 있습니다. 쉽게 사용할 수 있는 오픈소스와 적용 방법을 소개하겠습니다. 1. 다음 링크로 들어가 Repository를 Fork 합니다. 원작자의 Repository 에서 Fork 받아 한국에 맞게 설정이 변경된 Repository 입니다. 링크 : github.com/techinpark/productive-box techinpark/productive-box Are you an early 🐤 or a night 🦉? Let's check out in gist - techinpark/productive-box github.com fork 하여 내 저장소로 가져옵니다. 2. Public gist 생성하기 새로운 gist를 생성합니다. g..

Git GUI Git은 기본적으로 CLI(Command Line Interface)에서 사용 가능하지만, GUI(Graphic User Interface) 환경에서도 사용가능 하도록 많은 프로그램들이 있다. Sourcetree, Github Desktop, GitKraken 등이 있다. Github Desktop은 제공하는 기능이 한정적인데 비해, Sourcetree는 사용할 수 있는 기능이 많아 많은 사람들이 사용한다. GitKraden은 UI가 화려한 것을 선호하는 개발자들이 많이 사용한다. 예전부터 많이 사용해오던 Sourcetree를 설치해보고 사용 방법에 대해 간단히 알아보려 한다. SourceTree 다운로드 및 설치 1) 다운로드 - SourceTree 홈페이지에서 설치 프로그램을 Downl..