aws를 이용하여 정적인 페이지 배포
s3와 route53을 이용하여 정적인 페이지 배포aws에 s3(Simple Storage Service)라는 클라우드 저장 공간을 이용하여 페이지를 배포 할 수 있습니다. route53이라는 Domain관리소와 s3를 연결하여 s3에 파일을 올리게 되면 자동적으로 배포하는 방법을 포스팅하겠습니다. 설정 방법route53에서 배포할 도메인을 선택합니다.Cr
아카이브: 2017
ec2와 rds 연결하기
ec2와 RDSec2를 사용하면서 백엔드 RDS의 MySQL서버와 연결하지 않아 아래와 같은 에러가 발생하였었습니다.Error: connect ETIMEDOUT이란 에러로 원인을 찾는데 오래 걸렸습니다. 맥 환경에서는 통신이 잘 되지만 ec2에 올린 백엔드 환경의 설정이 같음에도 에러가 발생하였는데 해결방법은 간단했습니다. 연결 방법RDS 대시보드에서 ec
ec2의 ubuntu에서 nvm 설치하기
ec2의 ubuntu에서 nvm 설치하기!nvm 설치방법1nvm 위 사진과 같이 nvm을 실행하였을때 nvm: command not found가 나타났다면 nvm이 설치되있지 않았다는 것입니다. 1curl https://raw.githubusercontent.com/creationix/nvm/v0.23.3
ec2에서 ssh key 생성하는 방법
ec2에서 ssh키 생성하기!생성방법1ssh-keygen -t rsa 터미널을 이용하여 ec2에 접속후 위 코드를 터미널에서 실행합니다. 비밀번호 설정을 하지 않고 ssh를 생성하려면 enter를 계속누르면 됩니다.위와 같이 image생성과 함께 ssh key가 생성됩니다. 1cat ~/.ssh/id_rsa.pub | pbcopy 위와
workbench와 aws rds 연결하기
workbenchworkbench를 이용하여 aws rds에서 생성한 MySQL DB를 연결 할 수 있습니다. workbench 설정 방법MySQL Connections옆 +버튼을 누릅니다.new를 선택하여 새로운 연결설정을 생성합니다. Connection Name에는 workbench에 표시 될 이름을 설정합니다.Hostname에는 RDS의 연결 할 인스
cyberduck과 ec2 연결하기
Cyberduck이란?Cyberduck은 SSH를 통해 파일을 전송할 수 있는 프로토콜인 SFTP을 지원하는 파일 브라우저입니다. SFTP 외에도 많은 프로토콜 및 서비스를 지원합니다. ec2와 연결 할 때에는 SFTP를 이용하여 연결하겠습니다. 사용 방법aws에서 ec2로 이동합니다.실행 중인 인스턴스로 이동합니다.연결할 인스턴스를 선택 후 퍼블릭 DNS
hexo블로그 구글 웹마스터 도구에 sitemap 추가
구글 웹마스터 도구(Search Console)에 sitemap 추가sitemap을 추가해야하는 이유!구글 웹마스터 도구에서 사이트를 등록 후 아래와 같이 에러가 점점 증가하였습니다.에러의 발생 원인을 찾던 중 얼마전 블로깅 폴더 정리를 하면서 대부분의 페이지 주소가 변경되어 크롤링 에러가 발생하였던 것입니다. 구글에 문의를 하니 sitemap을 제출하면
expo
expo?Expo는 React Native를 기반으로 제작 된 툴입니다. JavaScript 및 React를 사용하여 기본 iOS 및 Android 앱을 생성 할 수 있습니다. 설치방법여기를 클릭하여 운영체제에 맞는 Expo Desktop Development Tool을 다운로드합니다.위와 같이 응용프로그램에 Expo를 추가합니다. 1npm install
SVG Path
<path><path>요소는 모양을 정의하는 일반적인 요소입니다. d속성 안에 M(m)과 L(l)은 좌표이고 대문자는 절대좌표 소문자는 상대좌표입니다. 속성 이름 값 형태 개요 d path data path 데이터 M(m) <coordinate> x좌표,y좌표 한 쌍 빈공백 또는 줄바꿈으로 좌표 구분 L(l
SVG title, desc
<title><title>요소는 웹접근성에 의해 그래픽 요소로 렌더링 되지 않습니다. <title>요소를 툴팁으로 표시 할 수 있습니다. 스크린리더, 검색엔진에 반영됩니다. <title>요소는 웹접근성을 향상시킵니다. <title>요소를 사용하게 되면 해당 도형에 마우스를 올려두면 아래와 같이 titl