IT/블로그 2020. 3. 31.
Hugo theme 정리하기 - git submodule 삭제
Hugo theme 정리하기 - git submodule 삭제 git submodule 로 등록되어 있는 안쓰는 테마들을 싹 다 정리해보자!! Git Submodule 삭제 방법 출처 : Git Submodule 삭제 방법 Git Submodule 삭제 방법 · snowdeer's Code Holic Git Submodule 삭제 방법 01 Aug 2018 | git Git Submodule 삭제 방법 먼저 git submodule deinit -f 명령어를 통해서 해당 모듈을 deinit 해줍니다. git submodule deinit -f test_app 그 다음 .git/modules 폴더에 들어가서 해당 폴더를 삭제합니다. rm -rf .git/modules/test_app 마지막으로 git에서 ..
IT/블로그 2020. 3. 27.
Hugo - 외부 링크 새 탭 새 창 에서 열기
Hugo - 외부 링크 새 탭 새 창 에서 열기 답답하게도 기본 값이 같은 창에서 모든 링크가 열리도록 설정되어 있나 보다. 외부 사이트는 그냥 새로운 탭이나 창에서 로딩 되면 훨씬 편할 것 같아서 찾아보기 시작~~ 결론적으로, 자신의 휴고 사이트에서 마크다운 번역기를 어떤 것으로 쓰는 가에 따라 다르다. 아래글 참고해 주시고, How to Open Link in New Tab with Hugo's new Goldmark Markdown Renderer How to Open Link in New Tab with Hugo's new Goldmark Markdown Renderer | Prasad's Pen Hugo is a blazing fast static site generator, which make..
IT/Software 2020. 3. 19.
Java JDK 8 다운로드 설치 방법 - 딱 한 줄!!
Java JDK 8 다운로드 방법 😎 혹시나 안드로이드 개발이나, Flutter 머 이런거 해보려고 하면 JDK8을 꼭 받아서 설치해야 한다. (다른 버전이 깔려있으면 머 문제가 많이 생기네. 전문가는 아니니깐 귀찮게 생각하지 말고 그냥 JDK8 다운로드 해서 설치하자) 오매 이거이거 꼴랑 자바 JDK 다운로드 받으려다 날새겄다. 😂😂 오라클 페이지에서는 회원가입을 하도록 유도하고, 머 겁나구로 라이센스 메시지가 여기저기 뜨고 ㅉㅉ JDK를 쓰라는 것인지 말라는 것인지 머 그닥 관심이 많이 없지만, 일단 먼가 실험을 위해 자바 설치가 필요한데, 윈도우즈 환경이라 그런지 머 여러가지로 걸리는 것이 많네..그러다 찾은 방법은... 혹시나 PC에 Choco 패키지 관리자가 깔려있다고 한다면, 아주 아주 엄청 ..
IT/컴퓨터상식 2020. 3. 17.
Windows 환경변수 설정하기 - 윈도우 시스템 Path 경로 추가
Windows 환경변수 설정하기 - 윈도우 시스템 Path 경로 추가 환경변수 설정 창 띄우는 데만...짜증...탐색기 열고, 드라이브에 설정창에 가서, 고급 머 누르고 등등등 이거 설정하러 가는 단계가 너무 많아서 귀찮음. 좀 쉽게 해보자.. 그냥 "윈도우 키 + S" 를 누르고, (혹은 화면 왼쪽 하단에 있는 앱 검색창에) 그 창에 "env" 라고 치면 끝.. 그럼 아래와 같은 창이 뜨고, 변수... 변경할 수 있는 버튼을 눌러요. 그럼 이제 패스를 설정할 수 있는 창이 뜬다. 그럼 아래 그림에서 처럼 1->2->3->4 번 순으로 자신이 넣고 싶은 시스템 경로 정보를 넣으면 끝!! 중요포인트!! From the Start search bar, enter ‘env’ and select Edit env..
IT/Software 2020. 3. 11.
GitHub Actions 깃허브 액션 기능 배워보기
GitHub Actions 깃허브 액션이라고, 새로 생긴 기능을 따라해보며 배우는 유튜브 강의 정리합니다. GitHub Action 유튜브 강의 - 이고잉 생활코딩 원본 동영상 주소는 여기 ▶ https://www.youtube.com/watch?v=uBOdEEzjxzE& 깃허브 액션 배우기 from 생활코딩 강의 정리 내용 실제 강의 내용을 필요한 부분 캡쳐해서 정리해 본다. GitHub에서 테스트 할 레포를 하나 만들면, Actions 라는 탭이 생겨있다. 여기를 누르면 아래와 같은 화면을 볼 수 있고, 오른쪽 파란색 Set up a workflow 라는 버튼을 누른다. 그럼 아래와 같이 간단하게 GitHub Actions 작업 내용을 정의할 수 있는 main.yml 이름의 스크립트 화면이 나오는데,..
IT/Git, GitHub 2020. 3. 10.
Git - 윈도우 환경 Git for Windows 업데이트
Git - 윈도우 환경 Git for Windows 업데이트 이미 Git for Windows 를 설치해 둔 상태라면, 아래와 같이 업데이트 할 수 이싿. 버전확인은 아래 명령으로 확인할 수 있다. git --version 업데이트를 수행하기 위해서는 딱 한줄 아래 명령을 수행하고, git update-git-for-windows 'Y' 를 선택하면, 자동으로 업데이트를 진행한다. 실제 진행한 cmd 화면을 캡쳐해 둔다. 설치중에 선택의 여지가 있는 부분은 아래 몇개가 있다. 도스창에서 Git cli 를 하고 싶다면, 아래 체크박스를 꼭 해두길... Git Bash 를 쓰면 편리하다. 그리고, 기본 에디터로 Notepad++ 을 이용해도 되고, 요즘 많이 쓰는 Visual Studio Code 를 사용해..
IT/Web 2020. 3. 9.
PWA 개발하기 - Progressive Web App 제작
PWA 개발하기 - Progressive Web App 제작 PWA (Progressive Progressive Web App) 만들어 보기에 도전해 본다. 아래 codelabs 에서 순서대로 따라하면, 자신의 첫번째 PWA를 만들 수 있도록 자세히 안내하고 있다. 이 이상의 설명은 없으니, 일단 따라해 보자. https://codelabs.developers.google.com/codelabs/your-first-pwapp/ Your First Progressive Web App Take a moment and put your phone into airplane mode, and try running some of your favorite apps. In almost all cases, they pro..
IT/Cloud 2020. 3. 5.
MS Azure Portal 에서 함수 앱 만들기 - 애저 서버리스 클라우드 컴퓨팅 실습
MS Azure Portal 에서 함수 앱 만들기 - 애저 서버리스 클라우드 컴퓨팅 실습 아래 순서대로 진행해 봤다. 참조한 설명서는 마이크로소프트 홈페이지에 있는 내용을 그대로 연습 - Azure Portal에서 함수 앱 만들기 - Learn 연습 - Azure Portal에서 함수 앱 만들기 - Learn Azure Portal에서 함수 앱 만들기 docs.microsoft.com 실습 화면 일단은 먼저 화면을 등록해 둔다. 설명은 점차 추가해 나가기로 하자.
IT/Web 2020. 3. 2.
깃헙페이지 호스팅 제한사항 - GitHub Pages limits
깃헙페이지 호스팅 제한사항 - GitHub Pages limits 계속 무료로 제공해 준다하니, 우리네 촉이 발동 분명히 제한 사항이 있을껏이야~~~~ 정답은 여기 GitHub 공식 어바웃 페이지에 있다는 https://help.github.com/en/github/working-with-github-pages/about-github-pages About GitHub Pages - GitHub Help About GitHub Pages You can use GitHub Pages to host a website about yourself, your organization, or your project directly from a GitHub repository. GitHub Pages is availab..
IT/Software 2020. 2. 28.
Atom 에디터 활용 - 부분 선택 모드 column-select
Atom 에디터 활용 - 부분 선택 모드 column-select column-select 플러그인 https://atom.io/packages/column-select Enhanced column selection for the Atom editor. 단축키 정리 Command Mac Windows Linux Up Ctrl-Shift-Up Alt-Shift-Up Alt-Shift-Up Down Ctrl-Shift-Down Alt-Shift-Down Alt-Shift-Down PageUp Ctrl-Shift-PageUp Alt-Shift-PageUp Alt-Shift-PageUp PageDown Ctrl-Shift-PageDown Alt-Shift-PageDown Alt-Shift-PageDown Up ..
IT/Web 2020. 2. 27.
CSS 지식 - em과 rem의 차이
em과 rem의 차이점 구글링 결과, 아래 2개의 사이트만 봐도 100% 이해할 듯 https://indivdot.github.io/css/2016/03/26/emrem.html 반응형 웹을 위한 rem 단위로 디자인하기 em과 rem은 무엇인가? w3c의 css3 스펙 중 distance unit을 살펴봤다. css의 거리 단위는 크게 상대적 길이와 절대적 길이가 있다. 상대적 길이는 em, ex, ch, rem, vw, vh, vmin, vmax가 있고 절대적 길이는 cm, mm, q, in, pt, pc, px가 있다. 대개 크로스 브라우징이나 쉬운 계산 때문에 강제적으로 길이를 px로 많이 사용한다. 여러 디바이스를 모두 대응해야 하는 문제 때문에 em을 사용하기도 indivdot.github.i..
IT/Web 2020. 2. 25.
CSS 한글 폰트 선택하기 - 노토산스, NotoSansKR
CSS 한글 폰트 선택하기 - 노토산스, NotoSansKR 웹화면에 한글을 위해 폰트선택은 필수! 아래 글을 참고하세요. [CSS]웹 폰트 적용하는 방법, 나눔고딕 웹에 적용 [CSS]웹 폰트 적용하는 방법, 나눔고딕 웹에 적용 안녕하세요! 258입니다. 이번 포스팅에는 웹 폰트 적용하는 방법을 알려 드리려고 합니다! 웹 폰트 적용, ... blog.naver.com 한글은 노토산스, 영문/숫자는 다른 폰트로 해주세요...👀 (feat. unicode) 한글은 노토산스, 영문/숫자는 다른 폰트로 해주세요...👀 (feat. unicode) 노토 산스를 사용하다보면 영문과 숫자가 너무 날씬하다는 느낌을 받곤 했다.개인적인 취향으로 1 숫자 아랫부분에 있는 serif를 별로 좋아하지 않는다. 그밖에도 숫자..
IT/블로그 2020. 2. 25.
Hugo 휴고 설정 팁 - 마크다운 외부 링크를 a href 새창으로 열기
Hugo 휴고 설정 팁 - 마크다운 외부 링크를 a href 새창으로 열기 External links in new tab? 사용하다보면, 괜히 신경쓰인다. 찾아보니 방법이 있긴하다. Render Hook Templates 방법을 사용하는 것이다. 원본글 : Configure Markup 결국 아래 파일을 만들어 주면 된다. 마크다운 렌더링 중에 아래 처럼 링크내용을 내가 원하는 대로 만들 수 있다. 아래 코드를 보면 http://로 시작되는 외부링크는 새로운 창에 오픈되도록 작성되어 있다. Here is a code example for how the render-link.html template could look: 파일 위치는 여기 => layouts/_default/_markup/render-lin..
