post-thumbnail

Mac 에서 Docker Machine 접속 방법

logo.png 개요 Github Actions를 이용하여 Nodejs 서버를 EC2 환경에 무중단 배포하는 법을 익히고, 포스팅을 하려는 도중 불가피하게 도커를 사용해야 할 것 같아서 배우게 되었습니다. 그러는 도중 대부분 도커에 대한 설명 글/책은 리눅스 운영체제 베이스로 설명하고 있었고, 맥에서는 서버에 대한 접근이 약간 다르다는 것을 깨달아서 정...

2020년 1월 10일
·
0개의 댓글

AWS EC2 Ubuntu 18.04에 Mysql 5.7 설치하기

mysql 5.7 설치 명령어를 입력해 mysql을 설치합니다. 설치가 완료되고 mysql -u root -p를 입력하면 비밀번호를 입력하라는 문구가 뜰 겁니다. 하지만 저희는 비밀번호를 설정한 적이 없습니다. 이는 우분투 18.04에서 mysql 접속 방법이 기존의 패스워드 방식이 아니라 auth_socket 플러그인을 이용하여 인증 로그인을 하기 ...

2019년 11월 18일
·
0개의 댓글

AWS EC2 Ubuntu 18.04에 Github SSH 설정하기

들어가기 앞서 Gihhub 레포지토리에 push를 하거나, private 레포지토리를 받아오기 위해서는 Github 계정이 필요합니다. 하지만 매번 할 때마다 비밀번호를 입력하기는 귀찮습니다. 그래서 Github ssh key를 등록하여 손쉽게 ssh 통신으로 push / pull 하는 법을 배우겠습니다. SSH 키 생성 먼저 SSH 키를 생성하...

2019년 11월 18일
·
0개의 댓글

AWS EC2 Ubuntu 18.04에 NodeJS 설치하기

EC2를 처음 생성하였을 때 NODEJS 환경을 구축하는 법을 알아보겠습니다. NodeJs 설치 PPA를 통하여 최신 버전을 가져옵니다. (12버전 기준) 후에 우분투에 NodeJS를 설치해줍니다. NodeJs와 NPM이 잘 깔렸는지 확인합니다. NPM이 제 기능을 하게 하기 위해 다음 명령어를 실행합니다. (요거 없으면 npm install 시 ...

2019년 11월 18일
·
0개의 댓글
post-thumbnail

[Github Action] AWS S3에 React 프로젝트 배포하기

Github Action 내부에서 이전 포스트에서 설정하여 만든 AWS 사용자 KEY(credentials.csv 다운 받으셨죠?)를 이용해야 합니다. Github Action에 민감한 정보 저장하기 AWS CLI KEY는 외부에 노출되어선 안된다고 했죠? 하지만 우리의 레포지토리는 공개 레포지토리이기 때문에, 업로드하는 파일은 세상 모두에게 알려지게 됩...

2019년 11월 16일
·
21개의 댓글
post-thumbnail

[Github Action] AWS S3 버킷 설정하기

이번 포스팅에서는 정적 사이트 배포를 위한 AWS S3 버킷을 설정하는 법을 배워보겠습니다. 😀 AWS S3 정적 사이트 설정하기 먼저 AWS Console의 S3 서비스로 이동합니다. 스크린샷 2019-11-16 오후 4.38.13.png 버킷 만들기 버킷 만들기를 클릭합니다. 스크린샷 2019-11-16 오후 4....

2019년 11월 16일
·
0개의 댓글
post-thumbnail

[Github Action] React 빌드하기

오늘은 React 프로젝트의 의존 파일(node_modules)들을 다운받아 build 하는 과정을 알아보겠습니다. React Build React 프로젝트는 기본적으로 spa(single page application)이기 때문에, 한 페이지 내에 js 스크립트들을 불러와 화면을 구축하는 방식입니다. npm run build를 하면 정적 파일들로 구축을...

2019년 11월 16일
·
0개의 댓글
post-thumbnail

[Github Action] Hello Github Action !

Github Action의 코드를 짜기 이전에 용어를 정리하고 가겠습니다. 용어 정리 Workflow 프로젝트를 빌드, 테스트, 패키지, 릴리스 또는 배포하기 위한 전체적인 프로세스입니다. 워크플로우는 여러 개의 Job으로 구성되며 event(on)에 의해 실행됩니다. Job Job은 하나의 인스턴스(리눅스, 맥, 윈도우 등등)에서 여러 Step을 그룹...

2019년 11월 16일
·
4개의 댓글
post-thumbnail

[Github Action] React Project 생성하기

리액트 프로젝트 생성 먼저 리액트 프로젝트를 생성해보겠습니다. 스크린샷 2019-11-16 오전 11.31.24.png 위와 같이 소스코드가 정상적으로 업로드되었습니다....

2019년 11월 16일
·
0개의 댓글
post-thumbnail

Github Action을 이용해서 React 프로젝트 S3에 배포하기

Github Action Action은 기존에 있는 서비스 Circle CI, Travis CI, Jenkins와 같은 빌드/배포 자동화 서비스입니다. 기존 서비스에 비해 매력적인 부분은, Github 내에서 소스 코드 관리부터 배포 자동화까지 한번에 처리할 수 있다는 점입니다. Github Action은 원래 베타 버전이었는데, 2019년 11월 15일...

2019년 11월 16일
·
4개의 댓글

Shield IO 사용법

깃허브 리드미에서 자주 사용하는 shield.io에 대해서 알아봅시다. Shield IO Shield IO 에서 이런 뱃지를 직접 커스터마이징하여 만들 수 있습니다. Github 프로젝트 Readme를 꾸밀 때 상당히 유용하게 사용할 수 있습니다. https://shields.io/ 해당 링크로 들어가면 스크린샷 2019-07-29 오...

2019년 7월 28일
·
2개의 댓글

[Flutter] 상단 상태바 높이 값 얻기

플루터로 코딩하다 보면 AppBar를 추가하지 않고, 상태 바의 높이만큼을 padding을 줘야하는 상황이 생긴다. statusBarHeight만큼 Padding을 줘서 상태바 높이 만큼 띄울수 있다. 스크린샷 2019-06-27 오후 12.50.41.png 위 사진이 padding을 주지 않을 때이고, 스크린샷 2019-06...

2019년 6월 27일
·
0개의 댓글