발자개의 개발한 이야기

본문 바로가기

인기 글

[#git] 여러 커밋(commit) 하나로 합치기 의식의 흐름(?)으로 개발을 하다보면 똑같은 커밋 메세지 또는 대충 쓴 커밋 메세지로 푸시하는 경우가 많다. 이런 경우 커밋 메세지를 하나로 합치거나 수정할 수 있으니 정신이 맑은 날에 한번 쭈욱 정리하는 것도 좋을 듯 하다. 아래처럼 대충쓴 커밋 메시지1~3을 합쳐서 하나의 커밋으로 만들어보자 1. rebase 사용하기 3개의 커밋 메세지를 합쳐줄거라 git rebase -i HEAD~3을 실행한다. 만약에 2개의 커밋만 바꾸고 싶으면 2 를 적으면 된다. git rebase -i HEAD~3 2. 합치거나 편집할 commit 선택 그러면 아래와 같은 vi 창이 뜨는데, 대충쓴 커밋 메시지 2, 3의 pick => s 로 바꾼다 위 처럼 화면이 뜨면 아래처럼 적어주고 :wq 를 눌러 저장,종료 해준다... 2020.03.26
[#검색] 웹 사이트, 블로그를 구글 검색에 등록하기 웹 사이트나 티스토리를 만들었으면 검색 엔진에 등록해 사용자들이 검색을 통해 내 사이트로 들어오게 해야한다. 이를 포기하고 검색엔진 사이트 등록 없이 순수 홍보만으로 방문자 수를 늘리기란 정말 쉽지 않다. 등록하는 과정 자체는 그리 어렵지 않으니 그대로 따라해보자 1. 구글 서치 콘솔 접속 아래 링크로 들어가 구글 아이디로 로그인한다. https://search.google.com/search-console Google Search Console Search Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 사이트가 돋보이게 할 수 있습니다. search.google.com 2. 도메인 또는 URL 소유권 등록 로그인을 완료하면 .. 2020.03.23
[#git] 파일은 그대로 두고 모든 커밋 초기화하기(commit init) 커밋 내역이 많을수록 git에서는 이 변경 내역을 프로젝트 내부의 .git 디렉토리에 모두 저장하기 때문에 용량이 커질 수 밖에 없다. 그리고 커밋이 너무 많아 파일은 그대로 두고 커밋만 깔끔하게 초기화, 정리하고 싶은 경우있다. 이때 파일은 그대로 두고 모든 커밋을 초기화 하는 방법에 대해 알아보자 1. 기존 .git 디렉토리 지우기 프로젝트 디렉토리 안에 있는 .git 디렉토리를 지워 git 히스토리 내역을 모두 지워준다. 이때 기존 프로젝트 파일에는 전혀 영향이 없으니 안심해도 좋다. rm -rf .git 2. git 초기화 및 추가, 커밋 .git 디렉토리를 지웠으므로 git과 관련된 정보가 모두 사라진 상태이다. git init으로 새로 git 을 초기화하고, 기존에 작업해둔 프로젝트 파일들을 .. 2020.04.03
[#티스토리] 스킨 살짝 손보기 - 배경색, 글자색을 바꿔보자 티스토리 블로그를 운영하다보면 스킨을 살짝 손보고 싶을 때가 많다. 티스토리에서는 기본적으로 css, html을 편집할 수 있으므로 자유자재로 스킨을 변형하거나 아에 새로운 나만의 스킨을 만들 수도 있다. 이번 포스팅에서는 간단하게 스킨을 편집해 배경색을 바꾸는 방법에 대해서 알아보자 1. 관리 - 꾸미기 - 스킨 편집 -> html 편집 블로그 관리 페이지의 왼쪽 탭 메뉴의 꾸미기 - 스킨 편집을 눌러 스킨 편집창을 띄우자. 그러면 아래와 같은 스킨 편집 창이 뜨는데 오른쪽 위치에 있는 html 편집을 누른다. 2. 배경색 css 수정 그리고 배경색 css를 수정해보자. 전체 배경색과 글자색을 조정하고 싶으면 CSS 메뉴에 들어가 html, body 영역에 background: #원하는 색 RGB, c.. 2020.04.01
[#git] user 및 commit한 author 변경 git commit을 하다보면 원치않는 아이디로 커밋이 된 경우를 많이 볼 수 있다. 이번 포스팅에서 이전 커밋의 user, author을 바꾸는 방법에 대해서 알아보자 1. git user 설정 우선 git user 부터 다시 설정해주자. 아래 명령어는 추후 사용자를 변경하고 싶을 때도 그대로 사용할 수 있다. git config --global user.name "korband" git config --global user.email korband78@gmail.com 만약에 특정 repository 에만 user을 다르게 설정하고 싶다면 --global 플래그를 빼고 수행하면 된다. git config user.name "korband" git config user.email korband78@gm.. 2020.03.26
[#github] jsdelivr CDN 서버 무료로 사용하기 CDN 서버란? CDN(Content Delivery Network)의 약자. 어느 한 서버에 있는 파일들을 글로벌하게 서비스한다고 하면 여러 hop을 거쳐야해 전송 속도가 매우 느릴 수 밖에 없다. 그래서 서버 - 사용자 사이 어딘가에 캐시 서버를 두고 스태틱 파일(js, html, css, 이미지 등)들을 미리 서비스해 네트워크 hop을 줄여 트래픽 비용을 줄이고, 전송 속도를 높히는 서버를 CDN 서버라고 한다. 그런데 이 CDN 서버를 public github repository에 파일을 업로드만 하면 그대로 jsdelivr CDN 서버로 바로 사용할 수 있다. https://cdn.jsdelivr.net/gh/[사용자명]/[레포지토리명]/[파일경로] 예를들면 abcde 사용자가 myrepo 라는.. 2020.03.22
[#android] 어플리케이션, 앱 apk 키 생성 및 서명하기 어플리케이션, 앱 apk 키 생성 및 서명하기 구글 스토어에 앱을 출시하기 위해선 키 생성 및 서명이 필수다. 첫 버전에 서명한 키로 이후 업데이트한 앱을 서명을 해줘야 업로드가 가능하므로 키 데이터는 꼭 백업을 해두자. 이제 안드로이드 어플리케이션 키 생성 및 서명 방법에 대해서 알아보자. 1. 어플리케이션 키 생성 안드로이드 스튜디오(Android Studio)에서 프로젝트 파일을 열고, Build - Generate Signed Bundle / APK... 를 누른다. 그러면 아래창이 나오는데 Create new... 를 눌러 키 스토어를 생성해주자. 키 스토어를 저장할 경로, 비밀번호, 별칭, 유효기간, 인증 정보... 등을 기입해서 OK를 누르면 지정한 위치에 키 스토어가 생성된다. 2-1. 그.. 2020.04.05
[#검색] 사이트맵(sitemap) 만들고 등록하기 지난 포스팅에서 구글, 네이버, 다음, bing, zoom 검색엔진에 내 사이트/블로그를 등록해 검색에 노출시키는 방법을 다뤘다. - 구글 검색 등록하기 : https://korband.tistory.com/14 - 네이버 검색 등록하기 : https://korband.tistory.com/15 - 다음 검색 등록하기 : https://korband.tistory.com/16 - bing 검색 등록하기 : https://korband.tistory.com/17 - zoom 검색 등록하기 : https://korband.tistory.com/21 기본적으로 검색 엔진에 등록한 주소에 있는 링크들을 타고 들어가면서 들어갈 수 있는 모든 링크를 크롤링 하기 때문에 사이트맵(sitemap)을 따로 올려주지 않아.. 2020.03.23
[#검색] RSS 만들고 등록하기 지난 포스팅에서 구글, 네이버, 다음, bing, zoom 검색엔진에 내 사이트/블로그를 등록해 검색에 노출시키는 방법을 다뤘다. - 구글 검색 등록하기 : https://korband.tistory.com/14 - 네이버 검색 등록하기 : https://korband.tistory.com/15 - 다음 검색 등록하기 : https://korband.tistory.com/16 - bing 검색 등록하기 : https://korband.tistory.com/17 - zoom 검색 등록하기 : https://korband.tistory.com/21 기본적으로 검색 엔진에 등록한 주소에 있는 링크들을 타고 들어가면서 들어갈 수 있는 모든 링크를 크롤링 하기 때문에 RSS를 따로 올려주지 않아도 검색에 노출된다.. 2020.03.23
[#golang] 소스코드에서 커맨드 실행하기 golang 안에서 git clone 또는 git pull을 하는 등 직접 커맨드를 실행해야 하는 경우가 많다. 이번 포스팅에선 golang 안에서 직접 커맨드를 실행하는 방법에 대해서 알아보자 예를들면 워킹 디렉토리(working directory) /test/workspace 안에서 ls -a 를 실행하는 커맨드를 입력한다고 하면 아래와 같은 방식으로 사용할 수 있다. import ( "os/exec" ) cmd := exec.Command("ls", "-a") cmd.Dir = "/test/workspace" output, err := cmd.Output() if err != nil { fmt.Println(err) } else { fmt.Println(string(output)) } 지원하지 않는.. 2020.03.26
[#golang] go modules로 쉽게 의존성 패키지 관리하기 module main go 1.13 require github.com/labstack/echo/v4 v4.1.15 // indirect golang에서 외부 패키지를 사용할때 보통 go get -u github.com/xxxxx 로 패키지를 다운받고 사용하고 싶은 .go 파일에서 import gitgub.com/xxxxx 로 임포트해서 사용한다. 근데 이런 경우, github.com/xxxxx 패키지가 업데이트된 후 go get -u github.com/xxxxx 을 하면 업데이트 이후 버전의 패키지를 다운받게되어 이전과 동작이 다르게 된다. 그래서 동일한, 혹은 특정한 패키지 버전을 보장할 수 있도록, 패키지 버저닝(Packaging Versionging) golang 11 버전에서 공식으로 도입된 G.. 2020.03.24
[#golang] 맵에 키가 존재하는지 체크하는 방법 맵 안에 특정 키가 존재하는지 확인하는 방법은 간단하지만 정말 잘 쓰인다. map[key] 은 value, key 존재 여부 가 리턴된다. 순서 햇갈리지 않게 value, exist 로 외워두자(나도 순서가 헷갈려서 두세번 같은 내용을 찾아본 것 같다ㅠ..) if value, exist := dict["foo"]; exist { // 존재하면 } 2020.03.26
[#티스토리] 스킨 살짝 손보기 - 썸네일 모양, 크기 바꾸기 티스토리 블로그를 운영하다보면 썸네일 크기나 모양이 마음에 안들 수 있다. 그렇다고 처음부터 스킨을 만드는건 배보다 배꼽이 더 큰격이니 간단하게 현재 스킨에서 썸네일 크기, 모양을 바꾸는 법에 대해서 알아보자 1. 크롬 개발자 도구 켜서 원하는 영역의 위치 알아내기 1-1. 크롬 설정 메뉴에서 도구 더보기 - 개발자 도구를 킨다. 1-2. 오른쪽에 개발자 도구 창이 뜨는데 바로 아래 그림처럼 생긴 왼쪽 위 아이콘을 눌러 원하는 영역에 마우스를 갖다대면 div.클래스명 또는 div#아이디 와 같은 형식이 표시된다. 여기서 이미지 주소 형식을 잘 보면 C126x166 가 보인다. 이게 바로 이미지 사이즈이다. 이 값을 조절해서 가로가 긴 사각형 or 정사각형 or 세로가 긴 사각형을 자유자재로 만들 수 있다.. 2020.04.01
[#http] 0.1초만에 띄우는 초간단 웹 서버, http-server 직접 웹 서버에 띄워 보고 싶을 땐, 흔히 nginx, httpd 와 같은 세팅이 필요한 웹 서버를 이용하게 된다. 그러나 html, js, css, 이미지 파일과 같은 스태틱 파일들을 서빙할 때 굳이 세팅이 필요한 복잡한 웹 서버를 사용할 필요는 없다. 오늘은 정말 간단하게 웹 서버를 띄울 수 있는 http-server에 대해서 알아보자 http-server 1. 설치하기 npm install -g http-server 2. 구동하기 서빙하길 원하는 디렉토리로 들어가 아래 명령어를 쳐주면, http://127.0.0.1:8181 (또는 http://localhost:8181)로 확인할 수 있다. http-server -p 8181 2020.03.29
[#angular] 프로젝트 생성, 실행하기 1. Angular란? Angular는 구글에서 개발한 SPA(Single Page Application) 자바스크립트 프레임워크이다. 웹, 모바일 웹, 하이브리드 앱, 데스크탑까지 프론트 개발에 필요한 거의 모든 기능을 갖추고 있다. Angular에서는 typescript 언어로 컴포넌트 단위로 개발이 가능하며, 이를 통해 재사용성을 극대화 시킨 대규모 어플리케이션 개발에 최적화된 프레임워크이다. 참고로 브라우저에서 typescript를 직접 지원하진 않아 빌드 후 js, css, html 파일을 만들고 이를 서빙 하는 형태이다. 그리고 첫 로딩에는 웹/앱 구동에 필요한 웹팩으로 묶여진 js, css 파일을 받아야 하므로 속도가 느리지만 로딩이 된 이후부턴 속도가 빠른 특징을 가지고 있다. 자세한 Fe.. 2020.03.22
[#티스토리] 초고속 사이트맵(sitemap) 생성기 티스토리 초고속으로 사이트맵 생성하기 소유한 티스토리 블로그의 사이트맵을 1~2초만에 생성해 다운받아 사용할 수 있습니다. 2020.04.05
[#golang] 디렉토리의 파일 리스트 찾기 golang으로 디렉토리 내 파일 리스트를 찾을 땐 ioutil.ReadDir("디렉토리명")를 사용할 수 있다. 예를들어 /test/dir 디렉토리의 파일 리스트를 출력한다고 하면, targetDir := "/test/dir" files, err := ioutil.ReadDir(targetDir) if err != nil { return err } for _, file := range files { // 파일명 fmt.Println(file.Name()) // 파일의 절대경로 fmt.Println(fmt.Sprintf("%v/%v", targetDir, file.Name())) } 처럼 코드를 작성해주면 된다. 나의 경우, 일자별 디렉토리에 이미지, 파일 또는 로그를 저장해두고, 어느정도 기간이 지나면.. 2020.03.26
[#검색] 웹 사이트, 블로그를 네이버 검색에 등록하기 이전에 구글 검색 엔진에 내 사이트 또는 블로그를 등록해 검색 노출시키는 방법에 대해서 알아봤다. 마찬가지로 네이버 검색 엔진에도 사이트를 등록하는 방법에 대해서 알아보자. 3분만 시간 투자를 하면 쉽게 등록할 수 있다. 1. 네이버 서치 어드바이저 접속 https://searchadvisor.naver.com 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com 에 접속해서 네이버 로그인 후 우측 상단의 웹 마스터 도구를 선택한다. 2. 사이트 등록 그리고 사이트 등록 입력창에 본인 소유의 웹 사이트 또는 블로그 주소를 입력한다. 3. 소유 확인 그러면 아래 처럼 소유확인 페이지가 뜨는데, [HTML 태그] 선택 후 태그를 복사해 .. 2020.03.23
[#티스토리] 스킨 살짝 손보기 - 웹 폰트를 적용해보자 티스토리에서 사용하는 기본 폰트말고, 본인이 원하는 웹 폰트를 사용하고 싶은 경우가 있다. 이 경우 아주 간단하게 코드 두줄만 바꿔주면 바로 적용가능하다. 1. 웹 폰트 cdn 주소 찾기 우선 웹 폰트 CSS CDN 주소를 찾아야한다. 여기선 나눔고딕체를 예시로 들겠다. 구글에서 나눔고딕 웹폰트 라고 검색하면 https://fonts.googleapis.com/earlyaccess/nanumgothic.css 이 주소를 찾을 수 있다. 2. 웹 폰트 적용하기 블로그 관리 페이지의 왼쪽 탭 메뉴의 꾸미기 - 스킨 편집을 눌러 스킨 편집창을 띄우고, html편집 - CSS 를 눌러 CSS 편집창을 띄워보자. 그리고 @import url('아까 찾은 CSS 주소'); 로 임포트 해준다. 나눔 고딕의 경우, 아.. 2020.04.01
[#git] git, github를 쓰는 이유와 기본 명령어에 대해 알아보자 1. git이란? 하나의 프로젝트를 진행할 때, 보통 여러명의 개발자가 동시에 작업을 진행한다. 모두 작업을 끝마치고 서로의 소스코드를 붙이려고 할 때 어떻게 취합하는게 좋을까? USB? 메일로? 취합만 하는데도 머리가 지끈지끈 아파온다. (예전엔 정말 이렇게 했다.. 끔찍) 그래서 스마트하게 소스를 관리해보자! 라고해서 나온 개념이 형상 관리(Configuration Management)이다. 대표적으로 svn, git이 있는데, 대세는 역시 갓 git git을 간단히 설명해보면 작업의 base가 되는 master branch에서 여러명의 개발자가 각각 새로운 branch를 따면, 각각의 새로운 작업 영역이 생기게 된다. 여기서 branch는 하나의 작업 영역, 하나의 소스코드 버전이라고 이해하면 된다.. 2020.03.26
[#검색] 웹 사이트, 블로그를 bing 검색에 등록하기 검색 노출은 구글, 네이버, 다음이면 충분하지만.. bing 검색은 구글 서치 콘솔과 연동되어 클릭 한번이면 바로 연동되므로 bing에도 등록해보자 1. bing 웹 마스터 접속 https://www.bing.com/webmaster/home/mysites Bing - 웹 마스터 도구 모바일 지원 Bing 모바일 지원 수준 확인 도구로 사이트가 모바일을 지원하는지 확인할 수 있습니다. www.bing.com 이때 구글 아이디로 로그인 해주자 2. 구글 서치 콘솔에서 가져오기 선택 로그인이 완료되면 아래와 같은 화면이 뜨는데 구글 서치 콘솔에서 가져오기를 누르면 바로 bing 검색도 연동된다. 구글 서치 콘솔에 이미 사이트를 등록했다면, 30초안에 연동이 완료된다. 이외에 다른 검색 등록은 아래 포스팅에서.. 2020.03.23
[#github] 트래픽/용량 걱정없는 무료 웹 호스팅하기 예전에 웹 호스팅에서 일 200MB에 월 500원짜리 호스팅 서버가 많이 보였었다. 월 500원 수준이면 거의 공짜나 다름없긴 했지만 트래픽 초과시 서비스가 불가능하거나 추가 트래픽 비용을 내는 경우가 많았었고, 요즘 성행하는 클라우드 서버의 경우, 최소 월 몇 천원은 내야 작은 서비스를 서비스할 수 있다. 근데 자세히 보면 마이크로 서비스의 트래픽은 스태틱 파일(js, html, css)이 90%이상 차지하는 경우가 많다. 곧 스태틱 파일을 공짜인데 안심할 수 있고, 속도도 빠른 = gitbub 에서 제공해준다면? 서버코드도 github로 관리하는 요즘, 스태틱 파일 repo를 분리하는 아주 조금의 귀찮음이 있을 지 몰라도 비용, 안정성 측면에서 안쓸이유가 전혀 없다. 개인적으로 개인 포트폴리오나 단순.. 2020.03.22

최신 글

티스토리툴바