반응형 분류 전체보기39 #5. SSL 인증서 설정 Contents #1. CentOS7 서버 생성 및 설정(With 네이버 클라우드 플랫폼) #2. Root 계정 설정 #3. MariaDB 설치 및 설정 #4. Nginx 설치 및 설정 #5. SSL 인증서 설정 5-1 Let`s Encrypt 설치 및 설정 5-2 Nginx 설정 5-3 인증서 갱신 (대망의)5. SSL 인증서 설정 5-1 Let`s Encrypt 설치 및 설정 yum install –y git git clone https://github.com/letsencrypt/letsencrypt yum 명령어로 git 을 설치해 준 뒤, Let`s Encrypt 를 clone 받는다 letsencrypt 폴더가 생성되면 성공 ./letsencrypt-auto certonly —standalon.. 2020. 3. 19. 도메인 신청하기 (With가비아) 가비아를 통해서 도메인을 신청하는 방법을 간단히 적어 보겠다. 가비아를 선택한 이유는 타사 대비 페이지가 이쁘다(전지적FE개발자시점) + 페이지가 Vue.js 로 되어있다 :D 메인 페이지에서 도메인을 클릭 후 내가 사용할 도메인(joweb) 을 검색한다. 무난한 가격의 .site를 선택해주었다. 기간을 1년으로 설정하면 이벤트 가격으로만 구입 할 수 있다. 나머지는 개인정보 입력, 동의 절차를 진행 후 서비스 비용 결제 를 하면 완료! 마이페이지 에서 관리툴 로 이동한다. DNS 레코드 설정 버튼을 누른다. 설정 버튼을 누르면 아래와 같이 나온다. 호스트 www와 나의 공인 IP를 입력 후 확인 호스트 @ 와 나의 공인 IP를 입력 후 확인 후 저장버튼을 누르면 세팅이 완료 된다! 5~10분 정도 ? .. 2020. 2. 26. #4. Nginx 설치 및 설정 Contents #1. CentOS7 서버 생성 및 설정(With 네이버 클라우드 플랫폼) #2. Root 계정 설정 #3. MariaDB 설치 및 설정 #4. Nginx 설치 및 설정 4-1 설치 4-2 conf 설정 4-3 권한 설정 #5. SSL 인증서 설정 4. Nginx 설치 및 설정 4-1 설치 Nginx.repo 파일을 생성 및 설정 vi /etc/yum.repos.d/nginx.repo vi 명령어로 해당 경로에 nginx.repo파일을 생성 한 후, 아래와 같이 내용을 채워 놓았다. [nginx] name=nginx repo baseurl=http://nginx.org/packages/centos/7/$basearch/ gpgcheck=0 enabled=1 Nginx 설치 명령어 yum .. 2020. 2. 25. [Vuetify] Data table 무한뎁스 처리 환경 - Node v10.16.0 - Vuetify2 이번 예제는 Vuetify Data table의 expandable-rows의 응용버전이다. 테이블 row 우측의 화살표를 누르면 Peek-a-boo! 내용이 펼쳐지는데, 이 안쪽 내용을 무한뎁스로 처리해 보았다. 기괴한 모양이 되었다....; 테이블 구분을위해 vue-randomcolor를 사용했다. List.vue 기존 Peek-a-boo! 자리에 재귀함수처럼 나 자신을 계속 호출해주는 List.vue를 삽입해주었다. 이때 주의할 점은 name 옵션의 이름과 compntents의 이름이 일치해야 된다. 이 규칙이 어긋나면 아래와같은 오류를 뿜게된다. 전체 소스는 아래 git주소에서 확인 가능합니다. https://vuetifyjs.com/en/co.. 2020. 2. 13. #3. MariaDB 설치 및 설정 Contents #1. CentOS7 서버 생성 및 설정(With 네이버 클라우드 플랫폼) #2. Root 계정 설정 #3. MariaDB 설치 및 설정 #4. Nginx 설치 및 설정 #5. SSL 인증서 설정 3. MariaDB 설치 및 설정 https://downloads.mariadb.org/mariadb/repositories/#mirror=dotsrc MariaDB - Setting up MariaDB Repositories - MariaDB To generate the entries select an item from each of the boxes below. Once an item is selected in each box, your customized repository configur.. 2020. 2. 8. #2. Root 계정 설정 Contents #1. CentOS7 서버 생성 및 설정(With 네이버 클라우드 플랫폼) #2. Root 계정 설정 2-1 SSH 접근 및 root 계정 패스워드 변경하기 2-2 FileZilla 접근 #3. MariaDB 설치 및 설정 #4. Nginx 설치 및 설정 #5. SSL 인증서 설정 2. Root 계정 설정 서버를 생성 한 뒤 putty, filezilla 를 사용해서 서버를 관리하기 위한 초기 작업을 진행하도록 하겠다. 2-1 SSH접근 및 root 계정 패스워드 변경하기 서버를 생성할때 받았던 키파일(.pem) (1-1 인증키설정 스크린샷 참고) 을 가져와 비밀번호 확인 할 수있다. putty를 실행하여 HostName 입력란에 공인IP를 입력 한 뒤 Saved Sessions입력란에 .. 2020. 1. 18. [Vuetify] 다중 업로드 모달창 만들기 환경 - Node v10.16.0 - Vuetify2 Vuetify의 Dialog와 vue-upload-component 라이브러리를 활용해서 다중 업로드 모달창을 만들어 봤다. (※개인적으로 팝업/모달 이라고 부르는데 뷰티파이에서는 다이얼로그 라고 표현하여 본 게시물에서는 Dialog로 통일하겠다.) 1. Page.vue - Dialog를 열기위한 버튼영역 cloud_upload Upload 2. Page.vue - Dialog 영역 cloud_upload 파일 업로드 clear 3. Page.vue - Script 영역 import Upload from "./Upload.vue"; export default { components: { Upload }, data: ()=> ({ dialog: fals.. 2020. 1. 18. Vuetify 연습장 Vuetify는 bootstrap같은 UI 프레임 워크이다. Vue + Beautify의 합성어로 'Vue를 아름답게 하다.' 라는 뜻을 가지고있다고 한다. Vuetify공식 홈페이지에 나와있는 예제를 간단하게 연습해가며 채워가보도록 하겠다. Vuetify공홈 https://vuetifyjs.com/en/introduction/why-vuetify Why Vuetify? — Vuetify.js Vuetify has an extremely active community, provides easy to use Material Design components and is consistently updated. vuetifyjs.com Vuetify CND으로 시작하기 https://vuetifyjs.com/e.. 2020. 1. 11. #1. CentOS7 서버 생성 및 설정(With 네이버 클라우드 플랫폼) Contents #1. CentOS7 서버 생성 및 설정(With 네이버 클라우드 플랫폼) 1-1 서버 생성 2-2 공인IP 생성 #2. Root 계정 설정 #3. MariaDB 설치 및 설정 #4. Nginx 설치 및 설정 #5. SSL 인증서 설정 1. CentOS7 서버 생성 및 설정(With 네이버 클라우드 플랫폼) 네이버 클라우드 플랫폼 계정을 생성한 뒤 해당 탭에서 서버를 생성 할 수 있다. 결제 정보를 등록하면 Micro서버를 1년동안 무료로 사용 할 수있다. 1-1 서버 생성 인증키는 잃어버리지 않는곳에 잘 저장해 놓는다. 신규 ACG생성을 클릭하면 'ACG생성' 팝업창이 나오는데 아래와 같이 입력 한다. 접근소스 - 0.0.0.0/0 으로 입력하면 모든 IP대역의 접근을 허용하게 된다. .. 2020. 1. 8. 이전 1 2 3 4 다음 반응형
