DevOps

DevOps/Git

[Git] 깃 커밋 롤백하는 법 정리

커밋 아이디 확인 커밋을 제어하기 전에 먼저 커밋 아이디를 확인해야 한다. 커밋 아이디는 커밋을 생성할 때마다 자동으로 생성되는 고유 아이디를 의미한다. 터미널을 열고 프로젝트 루트 폴더로 이동 후 git log를 입력하면 최신 커밋과 같이 이전 커밋들도 시간 순서대로 보여준다. git log git revert, reset revert, reset은 커밋을 되돌리기 위해 사용하는 명령어다. 둘 다 커밋을 되돌린다는 점에서는 동일하지만, reset은 커밋 history 자체를 뒤로 돌리고, revert는 커밋 history는 그대로 유지한 체 로컬 파일만 이전 커밋 상태로 되돌린다는 차이점이 있다. git reset # 커밋 history를 이전으로 되돌린다. git revert # 커밋 history를..

DevOps/AWS

[AWS] 웹에서 S3 파일 제어(CRUD) - 2. aws-sdk for javascript 사용하기

이전 포스트 웹에서 S3 파일 제어(CRUD) - 1.API Gateway 사용하기 내용 AWS에서 제공하는 npm인 aws-sdk for javascript v3로 Next.js 프로젝트에서 S3 파일 제어(CRUD) AWS와 Next.js의 기본 사용법을 알고 있다는 가정하에 작성 Vercel, GitHub Pages 등 호스팅 플랫폼 설정은 다루지 않음 API 통신은 Axios를 사용, 다른 라이브러리는 다루지 않음 테스트를 위해 제작한 프로젝트 라이브 데모: https://nextjs-aws-test.vercel.app Upload files to S3 with Next.js Amazon Web Service(AWS) test website with next.js nextjs-aws-test.ve..

DevOps/AWS

[AWS] 웹에서 S3 파일 제어(CRUD) - 1. API Gateway 사용하기

목표 AWS 서비스인 API Gateway를 사용해 S3 파일 제어(CRUD) 레퍼런스 How do I upload an image or PDF file to Amazon S3 through API Gateway? AWS Management Console 설정하기 AWS 회원가입을 완료하면, 가장 먼저 AWS 관리 콘솔창이 나옵니다. 관리 콘솔창은 위젯을 통해 내가 자주 찾는 서비스나, 최신 AWS 뉴스 등 나에게 필요한 정보를 한눈에 볼 수 있는 창인데, 여러 가지 위젯을 추가/제거해서 내 용도에 맞게 커스터마이징 할 수 있습니다. 저 같은 경우 Favorites라는 위젯에 S3, API Gateway, IAM을 추가해 바로가기 경로를 만들었고, 그 외에 따로 건드린 부분은 없었습니다. S3 버킷 추가..

DevOps/GitHub

[GitHub] 깃허브에 커스텀 도메인 사용하기

Github Pages를 통해 웹사이트를 만들면 기본적으로, https://유저아이디.github.io/저장소이름 위와 같은 형태로 URL을 지급받는다. 이런 식으로 기본 형태의 URL을 사용해 웹사이트를 운영하다 보면, 여러 가지 단점들을 느끼게 되는데, 몇 가지 단점을 나열해 보자면, 내 깃허브 유저 아이디와 저장소 이름이 불특정 다수에게 그대로 노출된다. URL이 길어 가독성, 접근성이 떨어진다. 서브 도메인을 사용할 수 없다. 그렇기 때문에 위와 같거나, 다른 여러가지 이유로 커스텀 도메인을 구매하려 할 때, 어떤 식으로 커스텀 도메인을 구매하고, 어떻게 내 깃허브 웹사이트에 적용하는지 알아보려 한다. 1. 도메인 검색 (가비아, 카페24 등 도메인 구매 사이트 이용) 커스텀 도메인을 사용하기 위..

DevOps/Git

[Git] .gitignore 사용법

.gitignore란? 깃 사용 시 깃 저장소의 루트 폴더에 생성되는 파일 중 하나로, 깃 저장소에 올리지 말아야 할 파일이나 폴더를 정의하는 파일입니다. 📌 주석 처리하고 싶은 내용은 앞에 #을 붙인다. # 주석입니다 📌 파일 하나만 무시하고 싶을 때 fileName.txt 📌 특정 폴더의 특정 파일만 무시하고 싶을 때 folderName/fileName.txt 📌 특정 폴더의 모든 파일을 무시하고 싶을 때 folderName/ 📌 특정 확장자를 가진 모든 파일을 무시하고 싶을 때 *.txt 📌 특정 폴더에 있는 모든 특정 파일을 무시하고 싶을 때 folderName/**/fileName.txt 📌 예외인 경우 !fileName.txt 예외인 경우에 대한 예시 .txt라는 확장자명을 가진 모든 파일을 ..

DevOps/GitHub

[GitHub] 깃허브 블로그에 깃북 테마 적용하기 - 4. 댓글 기능 만들기

블로그 댓글 기능을 구현하기 위해 utterances라는 앱을 사용했습니다. utterances는 깃허브의 댓글 앱으로, 광고가 없고 가벼워 깃허브 기반 블로그에서 많이 사용됩니다. https://github.com/apps/utterances GitHub: Let’s build from here GitHub is where over 100 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and fea... github.com 이 링크를 통해 utterances..

DevOps/GitHub

[GitHub] 깃허브 블로그에 깃북 테마 적용하기 - 3. 사이드 메뉴 관리하기

사이드 메뉴는 루트 폴더의 SUMMARY.md 파일을 통해 관리할 수 있습니다. SUMMARY.md는 깃북에서 책의 목차를 관리하는 파일로, GitBook Theme에서는 사이드 메뉴로 표시됩니다. GitBook Theme의 사이드 메뉴는 Markdown의 목록 표기 방식에 대응하여 표현됩니다. 목록에 뎁스를 넣을 경우 그룹으로 묶여, 화살표를 통해 숨김/보임 처리를 할 수 있습니다.

DevOps/GitHub

[GitHub] 깃허브 블로그에 깃북 테마 적용하기 - 2. 로컬에서 접속하기

일반적으로 블로그 플랫폼은 미리 보기 기능을 제공합니다. 내가 쓰고 있는 글이, 실제 블로그에서는 어색해 보일 수 있기 때문입니다. 하지만 이 블로그처럼 GitHub을 통해 만든 블로그들은, 실제 서버에 파일을 올리고 수정하기 때문에, 글을 배포하기 전에 로컬 서버로 먼저 블로그에 어떻게 나오는지 확인하는 작업이 필수적입니다. 로컬에서 접속하려면, 먼저 gitbook-cli를 설치해야 합니다. gitbook-cli 설치하기 [GitHub] 깃허브 블로그에 깃북 테마 적용하기 - 1. 깃북 테마 설치하기 GitBook Theme GitBook Theme은 GitBook에서 만든 대표적인 블로그 템플릿 중 하나입니다. GitBook은 티스토리와 유사한 블로그 플랫폼으로, GitHub과 연동해서 사용할 수 있..

taedonn