All
17 posts
담타에 github flow 적용하기

도입배경 위젯 기능을 개발 중 master 브랜치에서 작업하다가 날려먹기도 하고 기능개발을 위한 브랜치를 만들어서 작업하다가 삭제한 적도 있다. master 브랜치에서만 작업하는 것은 현재 배포되고 있는 버전에 개발을 하기 때문에 불편,불안했고 새로운 기능을 만들다가 취소하거나, 만드는 중에 다른 기능을 추가하고 싶을 때 새로운 브랜치를 만들어서 개발하는 것에 비해 불편했다. 브랜치를 만들어서 작업하는게 확실히 편하구나 느껴서 Git branch 전략들을 찾아보고 앱에 적용해보았다. 또한 추후 협업을 위한 연습과정이라는 점도 있다. github flow를 선택한 이유 유명한 git branch 전략으로는 , , , 등이 있다. 자세한 설명은 워낙 좋은 글이 많으니 간단한 특성과 선택한 / 선택하지 않은 이유로 설명하려 한다. gitflow 처음에는 gitflow 전략을 사용하려고 했다. gitflow는 위 사진으로 쉽게 설명이 되는데 항상 유지하는 master, develop…

August 27, 2022
프로젝트
Git
flutter 첫 앱 '담타' 기획부터 출시까지 모든 것

🚀 들어가며 2022년 2월 17일 처음으로 앱을 출시해봤다. 앱을 만들어봐야겠다고 생각한 건 돈 때문이었다. 매달 들어오는 월세 같은 광고비,, 어쩌면 나도..? (불가능했다.) 🤔 플러터를 선택한 이유 Swift, Objective-C, Kotlin, React Native, flutter.. 앱개발과 관련된 그 어떤 것도 해본적이 없었다. 우선 제일 중요했던 건 크로스플랫폼 지원여부였다. 사용자가 두 배면 수입도 두 배니까 그렇담 선택지는 RN과 Flutter 밖에 없었는데 Flutter 가 쉽고 요즘 핫하다니 모른체 할 수가 없었다. 구글 트렌드 깃헙 스타 flutter 138k > RN 102k 흠..🤔 주저없이 Flutter를 선택했다 🧑‍💻 개발자 등록 어디선가 개발자 등록을 먼저하면 동기부여가 생긴다는 말에 나도 Flutter를 공부해보기도 전에 애플 개발자 등록부터 했다. 애플 개발자 등록은 어느 정도 시간이 걸리기도 해서 이 방법은 좋다고 생각한다. 구글은 개발자 …

March 25, 2022
flutter
프로젝트
netlify 에서 커스텀 도메인 이용하기

나는 porkbun이라는 업체에서 도메인을 구매했다 netlify에서 커스텀 도메인을 연결시킬 수 있고 방법은 아래와 같다. 이 글에서는 porkbun 사이트 기준이나, 대부분의 도메인 사이트들에서 하는 일은 비슷하다. 1. Domain Settings 에 들어간다. 2. Add custom domain 클릭 3. 적용을 원하는 자신의 도메인을 넣고 verify 4. Options -> Go to DNS panel 5. Name servers 의 항목들을 복사한다. 6. porkbun 에서 authoritative nameservers 를 위의 netlify 에서 복사한 name server 로 바꿔준다. 타 도메인 사이트에서도 네임서버를 바꿔주면 된다. 아래와 같이 바꿔주면 된다 적용이 완료되면 아래와 같이 대신 이 뜬다. Github pages에서도 커스텀 도메인이 적용가능하다 -> github pages 에서 커스텀 도메인 이용하기 1. Domain Setti…

November 22, 2021
블로그
netlify 로 gatsby 블로그 자동배포하기

github pages로도 자동배포가 가능하고, 커스텀 도메인도 적용가능한데 netlify를 쓰는 이유는 뭘까 찾아봤다. netlify 홈페이지에서 보니 훨씬 좋다고 한다. 빌드시간이 월 300분이긴하지만, 블로그를 한 달에 300분 이상 빌드할 일도 없고 무료이니 안 쓸 이유가 없다. 게다가 netlify에서 자동배포하는 것은 훨씬 더 쉽다. 1. git에서 import 하기 import from git 클릭 후 github 와 연동하면 repository를 선택할 수 있다. 원하는 repository 를 선택하면 아래와 같은 설정 창이 나온다. 2. 사이트 세팅 (build command, publish directory 설정) Branch to deploy -> master Build command -> npm run build Publish directory -> public 후에 Deploy site 버튼을 눌러주면 build 후에 deploy 된다. 또 앞으로 ma…

November 22, 2021
블로그
github pages 에서 커스텀 도메인 이용하기

레퍼지토리에 올리는 사이트는 라는 깔끔한 주소의 사이트에 배포된다. 하지만 이 주소보다 개인만의 도메인을 사용하고 싶은 때가 올 수 있다. 나는 porkbun이라는 업체에서 도메인을 구매했다 물론 github pages에서 커스텀 도메인을 연결시킬 수 있고 방법은 아래와 같다. 이 글에서는 porkbun 사이트 기준이나, 대부분의 도메인 사이트들에서 하는 일은 비슷하다. 1.ssl 인증서 받기 porkbun에서는 무료로 ssl 인증서를 발급해준다. porkbun에서 domain management에 가면 자신의 도메인이 나오고 details 를 눌러 다양한 정보들을 확인할 수 있다. 그 중 ssl 부분에서 edit 을 눌러주면 ssl을 발급해주고 시간이 어느 정도 소요될 수 있다. 2.DNS records 추가하기 dns records 부분에서 edit 을 눌러주면 추가할 수 있는데 , 로 하고 에는 , , , 총 4개의 값을 각각 입력하여 아래와 같은 결과가 나오게 …

November 22, 2021
블로그
github pages 로 gatsby 블로그 자동배포하기

과거에 쓰던 gatsby 테마는 내가 브랜치를 만들어서 거기에 블로그 파일을 만들어 관리하고 deploy 를 master 브랜치에 해서 배포가 되는 식으로 진행되었다. 너무 귀찮았고 귀찮으니 글 쓰기도 귀찮았다. 마침 새로 적용한 leonids 테마에는 자동배포하는 workflow가 있었다. 코드는 아래와 같다. 아마 대부분의 gatsby blog 는 이러한 workflow 를 이용하거나 약간 수정하면 될 듯 싶다. secrets.ACCESS_TOKEN 과 관련한 문제는 여기를 클릭하여 참고하면 좋다. 이 workflow가 하는 일은 master 브랜치에 push 되면 빌드해서 브랜치에 올려준다. 깃헙 페이지의 작동방식은 정적 사이트가 있는 브랜치를 선택하면, 보여주는 것이다. 우리가 빌드한 정적 사이트는 라는 브랜치에 올라가 있으므로 보여줄 브랜치를 로 선택하는 과정이 필요하다. 에서 branch 를 로 바꿔주면 앞으로 push 할 때마다 자동으로 빌드되어서 에서 확인할…

November 22, 2021
블로그
github actions(workflow) secrets 사용법

gatsby 블로그를 만드는데 아래 코드의 ${{ secrets.ACCESS_TOKEN }} 때문에 자동 배포가 안됐었다. 아래와 같은 방법으로 해결이 가능하다. 1.access token 생성하기 깃허브 페이지에서 오른쪽 상단의 프로필 클릭 -> -> -> 에 들어간다 원래 키가 있다면, 그 키 값을 이용하면 된다. 키가 없다면 을 통해 새로운 토큰을 만들어주면 된다. token 이름, 만료일자, scope 를 설정해준다. scope는 repo만 체크해줘도 위 코드는 잘 작동한다. 2.레퍼지토리의 secrets에 추가하기 적용을 원하는 레퍼지토리의 -> -> 을 클릭한다. 위 코드에서는 access-token이 ACCESS_TOKEN 이라는 이름으로 필요하니 그에 맞춰서 에 써준다. 에는 아까 발급받았던 토큰의 값을 써주고 을 누른다.

November 22, 2021
Git
porkbun에서 깃허브 블로그 도메인 구매하기 및 도메인사이트

도메인 구매 과정 어느 순간부터 github.io 라는 주소가 식상하게 느껴졌다. 나만의 주소를 갖고 싶었고 도메인 구매를 알아보았다. 아무래도 처음 알아본 곳은 검색에 많이 노출된 국내사이트들인데, 가비아라는 사이트가 맘에 들었다. .xyz 도메인이 일년에 1,900원이라니 생각보다 너무 싼 가격에 놀랐다. 그냥 .xyz도메인을 구매하려 했으나 .dev 도메인이 너무 탐났다. 그런데 가비아에서 dev 도메인은 일년에 29,000원… 생각보다 비싼 가격에 고민하고 있을 무렵 해외 도메인 업체에 대해서 포스팅한 블로그를 보게되었다. Namecheap, Namesilo, Porkbun 세 도메인 사이트를 추천해주셨고 porkbun이 제일 싸다는 말에 사이트에 들어가서 .dev 도메인 가격을 보니 11달러 정도로 국내가의 거의 반값이었다. 구매과정은 생각보다 간단했다. 우선 원하는 주소가 구매 가능한지 검색한다. 가격을 확인 후 원하는 도메인에서 오른쪽에 있는 + 버튼을 누르면 나오…

November 22, 2021
블로그
블로그 이사하기

블로그에 첫 글을 작성한 건 2019년 2월 24일이었고 2020년 4월에는 아래와 같은 글을 올렸었다. 그 당시에는 이런 블로그에도 40번이나 클릭이 되는구나 했었는데, 특별히 쓴 글이 많지는 않지만 지금은 꽤나 늘었다. 블로그 글을 좀 더 자주 쓰려고 했는데 별로 예쁘지도 않고 넣고 싶은 기능이 있어서 차라리 내가 원하는 형태의 테마를 새로 적용하는게 낫겠다 싶었다. 그 결과 찾은 테마는 leonids 테마 였다. 왼쪽에 구분 선이 있는 것이 맘에 들었다. 새로운 테마를 적용하는 것은 간단한 듯 복잡했는데 마크다운 파일들을 path에 맞게 옮겨주고 글에 있는 path들을 약간 고쳤다. 그리고 설정파일을 조금 손 봐주니 완료되었다. 가장 추가하고 싶은 기능은 왼쪽에 카테고리를 항상 띄워놓는 것이다. 아무래도 카테고리 기능이 있어야 블로그의 다른 글로 유입이 쉽다는게 느껴저서 빨리 추가해볼 예정이다.

November 21, 2021
블로그
Apple Silicon(M1) 맥북 공장 초기화하기

맥북을 구매하고 이것저것 삽질을 하다가 공장 초기화가 하고 싶어져서 했다. 개발환경 세팅도 쉽지 않더니 이마저도 속을 썩여서 포스팅하게 됐다. 우선 macOS를 다시 설치하는 방법(애플 공식 홈페이지)를 참고했고 답은 Apple M1 칩이 탑재된 Mac에 macOS를 다시 설치할 때 개인 맞춤화 오류가 발생하는 경우(애플 공식 홈페이지) 여기에 있었다. 내가 겪은 문제와 해결 방법은 다음과 같다. 전원을 켠 후 을 해야 했던 이전 맥북과 다르게 M1을 탑재한 맥북은 맥북이 꺼진 상태에서 복구 모드로 들어간다. 디스크 유틸리티에 가서 data와 Macintosh HD를 지우기 해준다. macOS Big Sur 다시 설치를 눌러서 Macintosh HD에 설치한다. (공홈에 데이터말고 Macintosh에 설치하라고 나와 있음) 설치하고 계정 생성을 하다 보면 오류로 비밀번호를 입력해도 안 된다. 다시 복구 모드에 들어간다. 메뉴 막대 -> 유틸리티 -> 터미널로 터미널에 들어간다.…

January 20, 2021
ETC
내가 했던 맥북 초기세팅

아이클라우드 드라이브 데스크탑 및 문서 폴더 활성화 시스템 환경설정 > Apple ID > iCloud Drive 옵션… > 데스크탑 및 문서 폴더 활성화 유튜버 서울리안님은 새 맥을 구매하면 이 항목을 체크 해제 한다고 하시는데 나는 패드와 폰에서 컴퓨터 파일을 다 접근하려고 체크했다. Dock 및 메뉴 막대 Dock에서 최근 사용한 응용 프로그램 보기 체크 해제 왼쪽에서 배터리 > 퍼센트 보기 체크 siri > 메뉴 막대에서 보기 체크 해제 쓸 일 거의 없다.. spotlight > 메뉴 막대에서 보기 체크 해제 command + space 로 쓰자! 시계 > 오전/오후 보기 체크 (개취) 파인더 상단 보기 > 계층 개인 취향인데 속한 폴더들을 볼 수 있어 좋음 상단 보기 > 경로 막대 보기, 상태 막대 보기 환경설정 > 사이드바 > 전부 체크 환경설정 > 고급 > 폴더 우선 정렬: 윈도우에서(이름순으로 정렬 시) 체크!! 윈도우처럼 폴더 먼저 정렬 됨 키보드 시스템 환경설정 …

January 20, 2021
ETC
2020 정보처리기사 3회 필기 합격 후기

시험 후기 코로나로 인해서 시험 응시를 못할 뻔했지만 다행히도 8월 22일 시험에 응시할 수 있었다. score 가채점대로 점수가 나와주었고 결과는 합격이었다. 데이터베이스에 대해서 잘 몰라서 제일 걱정했는데 기출문제랑 똑같이 나온 문제가 많아서 제일 점수가 높은 것 같다. 실기까지 붙는다면 그래도 1년 7개월이 막 아깝지는 않을 것 같다. 공부법 3학년을 수료한 전공자이고 교재는 시나공이 유명한 것 같길래 시나공으로 했다. 책을 0.7회독 정도 했는데 나중에 시간이 없어서 C 등급은 그냥 건너뛰기도 하고 안 건너뛴 부분들도 대충 읽고 문제를 열심히 풀었다. 그리고 18 ~ 19년도 기출문제를 풀어봤다. 어떤 블로그에서 전자계산기 구조 파트 빼고 풀어보라는 말에 전자계산기 구조와 데이터 통신 파트에서 안 나올 것 같은 문제들을 빼고 풀어봤다. 추천 공부법 기출문제 + 개념서 1회독 + 개념서 문제 정도 2020년부터 정보처리기사가 개편되어서 2020년 이전의 기출문제가 필요 없다고…

September 12, 2020
ETC
군대 사지방에서 개발하는 방법들

사지방 컴퓨터의 운영체제가 하모니카OS가 아닌 win7인 경우에 해당하는 내용들이다. 하모니카를 쓴다면? 군대 사지방 하모니카 OS 200% 활용하기 하모니카 자유게시판 참고해보면 좋을 것 같다. 사지방 컴퓨터 사지방 컴퓨터는 불편하다. 2시간이 되면 로그아웃되고 껐다 켜면 다운받은 파일이 사라진다. 우클릭도 안되고 cmd도 켜기 힘들다. 그래도 누군가가 다 좋은 방법을 알아놨더라. PowerShell 이용하기 왼쪽 아래 윈도우 버튼을 누르고 검색창에 powershell을 검색해서 ‘Windows PowerShell’ 이라는 걸 열어준다. CMD는 검색해도 나오지 않아서 주로 PowerShell 명령어를 사용한다. 로그아웃 안되게 하기 명령어를 통해 로그오프하면 두시간 이상 사용해도 꺼지지 않는다. 다운받은 파일 안 사라지게 하기 명령어를 입력하면 D 드라이브가 열린다. C 드라이브는 컴퓨터를 껐다 켜면 초기화되기 때문에 계속 쓰고 싶은 파일이 있다면 D 드라이브에 넣어놓으…

June 20, 2020
ETC
스테이징(git add) 안했을 때 지워지거나 수정된 파일 되돌리는 법

Git의 주요 명령어는 add, commit, push 다. 우리가 작업하는 공간은 워킹트리다(working tree) 명령어는 추적되고 있지 않은 파일을 추적하거나 추적되고 있는 파일 중 변경된 파일을 스테이징한다. 커밋할 것을 정하는 것인데 워킹트리에서 스테이지로 임시로 올려준다고 생각하면 편하다. 명령어는 스테이징된 파일들을 기록해서 남기는 것이다. 임시 저장된 파일을 임시가 아닌 진짜로 기록한다고 생각하면 된다. 를 하지 않은(스테이징하지 않은) 수정되거나 삭제된 파일의 git 상태를 조회해보면 () 아래와 같이 나올 것이다. 쉘에 답이 나온다. 워킹 디렉토리에서 변경된 것을 버리려면 checkout을 해주면 된다. 워킹 디렉토리에 있다는 것 == 스테이징되지 않은 파일이기 때문에 을 통해서 지워진 파일을 복구하거나 원 상태로 돌릴 수 있다. 쓸 일이 그렇게 많거나 어려운 내용은 아니지만 분명 누군가는 찾을 내용이기 때문에 올린다. 특히 파일을 실수로 지웠을 때 유용…

April 15, 2020
Git
github branch로 gatsby 블로그 파일 관리하기

앞선 글 (빠르게 Gatsby + Github pages 로 블로그 만들기)에서 보았듯이 github pages에 배포를 할 때 빌드된 파일이 master branch에 올라가기 때문에 빌드되기 전 블로그를 작성하는 파일은 master branch에서 버전관리가 어렵다. 그렇다면? 새로운 브랜치를 만들어서 master 브랜치에는 빌드된 블로그만, 새로운 브랜치에서는 빌드되기 전 파일들만 관리하면 한 repository에서 두 가지 버전을 관리할 수 있게 되겠다. -u 명령어는 뒤에 입력된 값을 기억시켜준다. 즉 다음 git push 명령어는 git push origin develop 와 같다. 이제 로 배포하고 로 develop branch에 올릴 수 있게 되었다.

September 15, 2019
블로그
VM(구름IDE, Google Cloud Platform 등)에서 Gatsby를 이용하는 경우에 localhost에 접속하기

gatsby 블로그를 만들면서 처음으로 만났던 문제는 VM의 localhost에 접속을 해서 내 블로그가 잘 만들어지고 있는지 확인을 못한다는 사실이었다. 그래서 배포를 통한 확인만이 답인가? 라는 바보같은 생각을 할 때쯤 구글링으로 답을 발견했다. 참고 : jekyll를 이용한 GitHub Pages에 블로그 만들기 #1 그 후에야 아래와 같이 공식홈페이지에 써있던 내용인 것을 알았다. If you are using VM setup like vagrant and/or would like to listen on your local IP address, run gatsby develop — —host=0.0.0.0. Now, the development server listens on both ‘localhost’ and your local IP. —host=0.0.0.0() 명령을 통해 development server를 모든 ip에서 접근 가능하도록 하는 것이다. 그러니까 VM …

September 14, 2019
블로그
빠르게 Gatsby + Github pages 로 블로그 만들기

이 글을 보면 좋은 사람들 영어로 된 공식홈페이지를 읽기 귀찮은 분 빠르고 간결하게 gatsby 블로그를 만들어서 github pages에 배포하고 싶으신 분 개발환경 구름IDE 무료 버전 (Ubuntu 14.04 LTS) - 군대라는 장소적 제약 때문에.. gatsby 선정이유 과거에 jekyll 을 이용한 github 블로그를 만들다가 ruby 가 너무 익숙치 않아서 포기하고(수정을 못하겠다..) 인터넷 검색 중에 gatsby 를 알게 되었다. gatsby는 React(요즘 핫해서,,)로 이루어져 있고 비교적 최신 것이며 star 도 많이 받았기 때문에 선택했다. 게다가 jekyll 블로그 관련 포스팅이 gatsby 관련 포스팅에 비해 2배 많았던 것도 한몫했다. 다른 프레임워크들보다 모든 부분에서 좋댄다 (참고 :https://www.gatsbyjs.org/features/jamstack/gatsby-vs-jekyll-vs-hugo/) 다른 언어가 익숙하다면 jekyll,hu…

September 14, 2019
블로그