web
13 posts
[Nginx] owncloud를 설치하여 나만의 웹하드 클라우드 만들기

☁️ ubuntu nginx 환경에 owncloud 설치 🚀 ssh 접속 nginx 환경에 owncloud 설치를 위해 ssh 접속 후 로 루트 유저 상태에서 설치를 진행합니다. 먼저 패키지 업데이트와 업그레이드를 진행한 후 필수요소를 설치합니다. 설치가 완료되면 php를 재시작합니다. 🫂 mySQL 설치 후 유저 등록 nginx 환경에 owncloud 설치를 위해 mysql을 설치합니다. y를 계속 입력하여 질문을 넘어갈 수 있습니다. 진행 중 보안수준 선택 창이 나오면 에서는 medium 수준인 1을 입력합니다. 대소문자와 특수문자, 숫자를 모두 포함한 8자 이상의 암호를 만들어줍니다. y를 누르며 계속 진행하다 All done! 메시지가 나오면 끝입니다. 이제 mysql을 실행합니다. 패스워드를 입력하면 입력창에 mysql> 표시가 노출됩니다. 커맨드를 차례로 입력합니다. owncloud 데이터베이스를 생성합니다. owncloud를 사용할 유저를 mysql에 등록합니다. myS…

October 01, 2021
web
[Nginx] Address already in use (Bind failed) 오류 해결

Bind failed 오류 nginx 오류 로그를 확인해 보면, 80번 포트가 사용중이기 때문에 (Address already in use) Bind failed 오류가 계속 반환되는 경우가 있습니다. 이는 실행중인 80번 포트들을 확인하고, 모두 죽일 수 있습니다. ✨ 해결 방법 80번 포트가 사용되고 있는지 확인할 경우 80번 포트를 죽일 경우 특정 포트가 사용 중인지 알아낼 때는 형태의 커맨드를 입력하면 찾을 수 있습니다. Bind failed 오류 ✨ 해결 방법

September 16, 2021
web
[Nginx] Let's Encrypt 오류 Https 인증 실패 해결방법

🥺 Https 인증 실패 Nginx 에서 Let’s Encrypt의 무료 인증서를 통해 도메인의 서브도메인, 2차 서브도메인을 인증하려고 하는데 계속해서 오류가 반환됩니다. 연결된 conf 파일의 name_server에도 오류가 없는데 coin.ex.2vup.com 주소만 계속해서 Https 인증이 실패하며 오류를 반환하고 있습니다. Let’s Encrypt 오류로 Https 인증에 실패한 경우와 오류 해결방법을 확인합니다. 🔒 Let’s Encrypt 오류 🏁 DNS problem: NXDOMAIN Detail: DNS problem: NXDOMAIN looking up A for coin.ex.2vup.com - check that a DNS record exists for this domain Challenge failed for domain coin.ex.2vup.com 🪄 해결 방법 도메인 호스팅 사이트의 DNS관리에 진입합니다. 오류가 나고 있는 서브도메인의 주소를 a…

September 16, 2021
web
[Nginx] 심볼릭 링크 연결

Nginx는 sites-available에 파일을 작성하고, 실제 연결되어야 하는 파일만 심볼릭 링크를 통해 sites-enabled 폴더로 연결할 수 있습니다. conf 파일 만들기 test.conf을 sites-enabled에 연결하는 심볼릭 링크 만들기

September 15, 2021
web
[Gatsby] Flexiblog 테마로 개츠비 블로그 만들기 - 웹에 빌드(build)하기

웹에 flexiblog Build 하기 github에 새 repo 만들기 웹에서 flexiblog gatsby 사이트를 빌드하기 위해 새 레파지토리를 만듭니다. pro 버전이 아니라면 반드시 public repo로 만들어야 합니다. 그 뒤 로컬에서 경로로 이동합니다. 다음 git 폴더로 지정합니다. 다음 아래 커맨드를 한줄씩 차례로 입력합니다 생성한 repo 주소는 반드시 []를 포함하여 삭제하고 본인의 repo 주소를 입력합니다. netlify.com 에서 빌드하기 Gatsby 블로그는 정적 사이트기 때문에 개인 웹 서버나 호스팅이 필요하지 않습니다. 네트리파이 를 통해서 무료로 build가 가능합니다. 먼저 github 계정으로 네트리파이에 가입합니다. New site from Git을 클릭한 뒤 방금 업로드한 폴더를 연결합니다. 마지막 설정 과정에서 Basic build settings 부분만 조금 변경하면 간단히 빌드할 수 있습니다. 빈 칸을 위와 동일하게 채워줍니다.…

September 14, 2021
web
[Gatsby] Flexiblog 테마로 개츠비 블로그 만들기 - 작성자, 게시글 수정하기

🔨 Flexiblog 테마 contents 수정하기 작성자 추가(Author) ElegantStack의 FlexiBlog에는 작성자 추가 기능이 있습니다. 또, 글을 작성하면 작성자명이 같이 노출됩니다. 원치 않아도 바꾸어 주는 것이 좋습니다. 작성자는 아래 경로에서 추가/제거가 가능합니다. 이 부분의 Jane Smith나 John Doe 부분인데, 이 부분을 Admin으로 변경하겠습니다. 그리고 jane-smith.json 파일을 열어 복사한 뒤 admin.json 파일을 만듭니다. 아래 커맨드를 통해 authors 폴더에 진입합니다. 커맨드를 통해 이미 존재하는 작성자 정보를 확인할 수 있습니다. 새 작성자 만들기 으로 기존 작성자 json 파일을 열어 내용을 복사한 뒤 으로 새 admin 파일을 생성합니다. 만약, 복사하기가 번거롭다면 아래 코드를 참고하세요. 작성자는 파일에 다음과 같이 기록했습니다. 파일을 저장합니다. 게시글 추가 (Posts) 경로에는 게시글을 저…

September 14, 2021
web
[Gatsby] Flexiblog 테마로 개츠비 블로그 만들기 - 테마 설치하기

🔨 Flexiblog 테마로 Gatsby 블로그 만들기 Flexiblog 테마로 Gatsby 블로그를 만들기 위해서는 envato market에서 해당 테마를 구매하여야 합니다. 구매하면 압축 파일을 받을 수 있습니다. 🧷 편의를 위해 압축 파일 이름을 로 변경 후 진행합니다. flexiblog(플렉시블로그) 테마를 구매 후 압축을 풀게 되면 위와 같은 폴더들을 확인할 수 있습니다. 터미널을 통해 이 폴더를 연 뒤 진행합니다. 📍 이 포스팅에서 지정한 기본 폴더 위치는 아래와 같습니다. Flexiblog 설치 방법 flexiblog 폴더에서 아래를 입력해 @elegantstack 폴더로 진입합니다. 패키지 매니저를 yarn으로 지정합니다. 🛻 테마 고르기 ElegantStack의 FlexiBlog는 링크에서 확인 가능한 9개의 스타일 중 한 개를 자유롭게 골라서 설치할 수 있습니다. 그 중 위 이미지 테마인 News 테마를 설치해 보겠습니다. news 스타터를 통해 개츠비…

September 14, 2021
web
가비아 도메인 호스팅케이알로 이전하는 방법 (가비아>호스팅케이알)

가비아에서 사용중인 도메인을 타기관으로 이전할 수 있습니다. 이 포스팅에서는 가비아<->호스팅케이알 간의 도메인 기관이전 절차를 정리합니다. 🌜 기존 등록업체에서 기관 이전 준비하기 가비아 홈에서 우측 상단에 있는 My가비아를 클릭합니다. 서비스 관리를 누르면 아래와 같은 창이 나옵니다,. 하단 도메인 주소 우측 파란 관리툴 상자를 클릭합니다. 관리툴을 누르면 보안 서비스 라는 메뉴를 확인할 수 있습니다. 🔒 기관이전, 부가서비스 잠금 해제 보안 서비스 탭의 안전 잠금 이 설정된 상태라면 자동으로 기관 이전 잠금도 설정되어 있습니다. 기관 이전 잠금 해지를 위해서는 안전 잠금 이 우선적으로 해지가 되어야 합니다. 이 두 서비스가 설정된 상태라면 두 서비스 우측에 모두 해지라고 표시되어 있습니다. 가장 먼저 안전 잠금 우측의 해지 버튼을 클릭하여 안전 잠금을 해지합니다. 본인확인을 시도하면 카카오톡으로 인증번호가 전송됩니다. 📍 해지 후, 기관이전 잠금도 같이 풀리는 경우가 있…

September 13, 2021
web
ssh 접속용 config 파일 설정하기

🔑 SSH Key 접속 방법 ssh 접속 시도시 일반적인 커맨드는 아래와 같습니다. 첫 번째 방법은 유저명@도메인, 두 번째 방법은 유저명@ip(고정) 세 번째 방법은 ssh 접속 포트가 22번이 아닐 경우 특정 포트 선택 접속, 네 번째 방법은 ssh key 파일이 여러가지일 때 파일 경로를 정확히 설정하여 로그인하는 방법입니다. 옵션을 통해 직접 지정해서 로그인이 가능하지만, 이렇게 각각 관리하여야 하는 키 파일이 여러 개일 경우 굉장히 비효율적인 과정을 거치게 됩니다. SSH config 파일은 이를 방지하며, 간편하게 SSH 접속을 진행하도록 도와줍니다. SSH config 파일에 옵션을 미리 기입하여 ssh 접속 커맨드를 짧은 단축어로 변경합니다. SSH config 단축어 지정 서버가 아닌 로컬의 터미널에서 아래 커맨드를 입력합니다. 만일 안에 기재된 내용이 있을 경우 최하단에서 한 줄을 띈 후 입력합니다. SSH config 파일에 등록할 인스턴스의 host명이 por…

September 10, 2021
web
[Nginx] 웹 서버에 VScode 설치(아이패드에서 VScode 사용하기)

⚙️ 웹 서버에 VScode 설치하기 아마존 라이트세일(AWS), 구글 클라우드 플랫폼(GCP), 오라클 클라우드(OC)에 내 서버를 생성한 후 서버에 code-server를 설치하면 아이패드에서도 VScode 실행 및 사용이 가능합니다. 해당 글은 Ubuntu 20.04 기준으로 작성되었습니다. 평생 무료 오라클 클라우드 서버 만들기 Oracle Cloud에 평생 무료 서버를 만드는 방법은 이 링크🔗를 참고하세요. 내 서버에 VScode 연동 링크🔗된 포스팅에 나온 과정이 모두 진행된 다음 순서로 진행합니다. root 계정에서 진행합니다. 아래 커맨드로 를 다운받습니다. code-server는 아이패드로 VScode를 실행할 수 있게 해 주는 가장 기본적인 요소입니다. 성공적으로 설치되었습니다. code-server를 시작하고, 부팅시도 다시 시작되게 하기 위해 아래 커맨드를 입력합니다. code-server가 설치된 폴더로 이동합니다. 파일을 편집해서 로그인 환경을 세팅합니다.…

September 03, 2021
web
[Gatsby] 블로그에서 대표 URL(Canonical URL) 설정하기

🌏 대표 URL (Canonical URL) Gatsby 블로그를 검색엔진에서 최적화하기 위해서 여러 웹마스터 툴을 이용할 수 있습니다. 이들이 공통적으로 강조하는 점이 있는데, 바로 대표 URL입니다. 구글도 이를 중요하게 생각하고 있습니다. 구글봇을 포함한 웹 크롤러들은 사이트를 판단할 때 아래 항목들을 기반으로 합니다.🤖 게시된 프로토콜 (HTTP or HTTPS) 페이지 품질 사이트맵에 포함된 URL 여부 rel=canonical 라벨 여부 등 이 중 마지막 항목인 rel=canonical 만 지켜지지 않아도 아래처럼 ‘대표 URL을 확인할 수 없습니다’ 등의 메시지를 받을 수 있습니다. 이를 Gatsby에서는 간단하게 플러그인 설치로 해결할 수 있습니다. 🔨 Gatsby 플러그인 설치 🧶 yarn의 경우 🔏 gatsby-config.js 파일에 추가 config 파일을 편집했으므로 을 진행한 뒤 사이트를 빌드합니다. 빌드되면 바로 문제가 해결됩니다. 🌏 대표 UR…

August 05, 2021
web
[Gatsby] 컴포넌트 섀도잉 오류 - Assign arrow function to a variable before exporting as module default

🖥️ 컴포넌트 섀도잉(Component Shadowing) Gatsby에 Flexiblog 테마를 다운받고 커스텀하던 중 위와 같은 오류가 발생하였습니다. 해당 오류는 메인 페이지의 Hero 영역을 Component Shadowing(컴포넌트 섀도잉) 하는 중에 나타난 오류입니다. 🤦🏻‍♀️ 오류 해결 1. 섀도잉 파일 편집 섀도잉 한 경로에 있는 의 문제이므로 해당 파일에 접근한 뒤 로 시작하는 코드를 확인합니다. flexiblog 테마의 경우 정상적으로 섀도잉했다면 파일은 와 같은 경로에 있습니다. 2. 변수에 개체를 우선적으로 할당 위 코드를 아래와 같이 수정합니다. 🙆🏻‍♀️ 해결 완료 을 으로 변경해주고 코드 마지막 부분에 줄을 추가해 주면 파일이 문제 없이 컴포넌트 섀도잉(Component Shadowing) 된 뒤 정상 동작합니다. warning Assign arrow function to a variable before exporting as module default im…

July 28, 2021
web
[Gatsby] Markdown 언어 사용법

🖊️ Markdown 사용하기 Gatsby(개츠비)에서는 CMS 플러그인을 통해 사용자 친화적인 UI를 이용하여 글을 작성할 수도 있지만, 따로 설치하지 않고 로컬에서 마크다운(Markdown) 언어를 통해 포스팅을 작성할 수 있습니다. 📄 문단 나누기 3개만 입력하면 아래처럼 문단을 나눠주는 줄이 생성됩니다. ✍️ 인용구 을 사용하여 텍스트를 인용할 수 있습니다. 연속해서 두 줄 입력하면 연속되는 내용을 한번에 입력할 수 있습니다. 한 줄을 추가로 띄면 글 내용을 나눌 수 있습니다. 들여쓰기 두 번 입력하여 들여쓰기도 가능합니다. 3번 입력 4번 입력 5번 💯 강조(Emphasis) 아래와 같은 기호를 사용하여 볼드, 취소선, 밑줄을 사용할 수 있습니다. Bold or Bold Strikethrough Underline 👩🏻‍💻 코드 삽입 를 삽입하고 싶다면 두 개의 백틱 (`) 안에 코드를 삽입하면 됩니다. 전체 코드를 작성하고 싶다면 `을 세 개 사용합니다. 위와 같이 작성하고 코…

July 28, 2021
web