반응형

1. 시험환경

    ˙ 윈도우 11

    ˙ MySQL 5.7

    ˙ Docker, Docker-Compose

 

2. 목적

    ˙ 도커, 도커컴포즈 기반으로 워드프레스를 설치한다.

    ˙ DB 및 Wordpress 데이터를 로컬 드라이브에 별도로 저장한다.

 

3. 적용

    ① 윈도우 운영체제에 도커 데스크탑이 설치 및 실행된 상태이어야 한다.

        - URL : https://www.docker.com/products/docker-desktop/

 

Docker Desktop: The #1 Containerization Tool for Developers | Docker

Docker Desktop is collaborative containerization software for developers. Get started and download Docker Desktop today on Mac, Windows, or Linux.

www.docker.com

 

    ② 도커 컴포트 파일을 구성한다.

        - DB와 Wordpress의 데이터를 윈도우 로컬 디렉토리로 마운트 설정한다.

        - 아래 양식에서 <<Window 로컬 디렉토리>> 부분을 마운트할 경로로 대체하여 작성한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
version: "3.9"
    
services:
  wp-db:
    image: mysql:5.7
    volumes:
     - <<Window 로컬 디렉토리>>:/var/lib/mysql
    restart: always
    environment:
      MYSQL_ROOT_PASSWORD: db-root-1234
      MYSQL_DATABASE: wp-db
      MYSQL_USER: wp-user
      MYSQL_PASSWORD: wp-user-1234
    ports:
      - "3400:3306"
    
  wordpress:
    depends_on:
      - wp-db
    image: wordpress:latest
    volumes:
     - <<Window 로컬 디렉토리>>:/var/www/html
    restart: always
    environment:
      WORDPRESS_DB_HOST: wp-db:3306
      WORDPRESS_DB_USER: wp-user
      WORDPRESS_DB_PASSWORD: wp-user-1234
      WORDPRESS_DB_NAME: wp-db
    ports:
    - "8090:80"
cs

 

 

    ③ 도커 컴포즈를 실행한다.

        - docker-compose  -f  [파일명].yml  up

 

    ④ 도커 데스트탑에서 "Running" 상태인지 확인한다.

 

    ⑤ 워드프레스에 접속하여 초기 설치를 진행한다.

        - http://localhost:8090 (여기서는 Local 접속 8090 포트 사용)

 

4. 결과

    ˙ LocalPC Mount 경로에 저장된 DB 데이터

 

    ˙ LocalPC Mount 경로에 저장된 WP 데이터

 

 

반응형
반응형

1. 쿠키

    ˙ 사용자가 특정 웹 사이트에 접속할 때, 사용자의 컴퓨터에 저장하는 기록 파일

    ˙ ex) 로그인 시 ID와 PW 저장을 체크한 후 사이트 재접속 시 ID/PW를 기억하는 기능

 

2. 세션

    ˙ 서버에서 가지고 있는 객체(Object)로써, 특정 사용자의 로그인 정보를 유지하기 위해 사용하는 기술
    ˙  서버는 접속한 클라이언트에게 세션ID와 회원정보를 매핑하여 기록하고 Session ID를 부여하면,
    ˙  사용자는 접속할 때마다 발급받은 Session ID와 함께 요청(Request)한다.
    ˙  ex) 웹 사이트 로그인 후 다른 페이지 이동마다 접속 상태 유지하는 역할

 

    ① 장점

        - 개인정보가 포함되지 않은 세션ID(회원 식별 목적)를 사용자에게 제공하고, 회원 중요정보는 서버가 갖고 있음.

 

    ② 단점

        - 악의적인 공격자가 세션 ID를 탈취할 수 있음.

        - 웹 서버에서 세션 정보를 기록하고 있어야 하므로, 접속자가 많을 때 서버 메모리 부하 문제가 발생할 수 있음.

 

3. 세션과 쿠키의 관계

 

 

    ˙ 세션 ID는 일반적으로 쿠키에 저장되며, 세션 쿠키라고도 불린다.  

    ˙ 브라우저는 이 세션 쿠키를 갖고 있으면서 서버와의 상호 작용을 통해 세션 상태를 유지한다.

    ˙ 주로 사용되는 쿠키 타입은 HttpOnly 속성이 설정된 쿠키이며, JavaScript에서 쿠키에 접근하는 것을 방지하여 보안을 강화할 수 있다.
    ˙ SpringBoot에서도 세션 관리를 위한 설정이 가능하며, 세션 ID를 쿠키에 저장/유지하는 방식을 선택할 수 있다.

반응형
반응형

1. 시험환경

    ˙ AWS EC2, EIP

    ˙ 가비아 도메인 구매

 

2. 목적

    ˙ EC2에 EIP를 할당하여 고정 IP를 설정한다.

    ˙ 가비아에서 구매한 도메인과 고정 IP를 연결하여 URL로 EC2에 접속하는 방법을 알아보자.

 

3. 적용

    ① "탄력적 IP 주소"를 EC2에 할당한다.

        - 할당 받은 IP주소를 고정으로 사용하여 EC2에 접속할 수 있다.

 

    ② EC2에 Nginx를 설치하고 기동한다.

        - 참고 : https://languagestory.tistory.com/189

 

Ubuntu 20.04에서 Nginx 설치

1. 시험환경 ˙ Ubuntu v20.04 ˙ nginx 2. 목적 ˙ 리눅스(Ubuntu v20.04) 환경에서 nginx를 설치한다. ˙ nginx 서비스 시작/종료 명령어를 실행하고 서비스를 확인한다. ˙ 설치한 nginx 패키지를 삭제하는 명령어

languagestory.tistory.com

 

     "My가비아 서비스 관리" 페이지에서 네임서버를 설정한다.

        - 네임서버 변경없이 gabia 기본 제공 서버를 사용한다.

 

     "My가비아 서비스 관리" 페이지에서 DNS를 설정한다.

        - EC2의 고정 IP를 등록한다.

 

4. 결과

    ˙ 잠시 기다린 후 브라우저에 DNS 주소를 입력하여 EC2에 접속되는 것을 확인한다.

반응형
반응형

1. 시험환경

    ˙ 인터넷

    ˙ 소유 도메인

 

2. 목적

    ˙ 네이버 검색엔진 노출을 위해 특정 URL을 등록한다.

 

3. 적용

    ① 자신이 소유한 도메인을 등록하기 위해 접속 및 로그인한다.

        - URL : https://searchadvisor.naver.com/

 

네이버 서치어드바이저

네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요

searchadvisor.naver.com

 

    ② "웹마스터 도구 사용하기" 버튼을 클릭한다.

 

    ③ 자신이 소유한 URL을 등록하고, "소유확인 진행" 링크를 클릭한다.

    ④ URL이 등록된 것을 확인한다.

반응형
반응형

1. 시험환경

    ˙ 구글 서치 콘솔

    ˙ 소유 도메인

 

2. 목적

    ˙ 구글 서치 콘솔에 특정 도메인을 등록한다.

 

3. 적용

    ① 구글 서치 콘솔 사이트에 접속한다.

        - URL : https://search.google.com/search-console/about?hl=ko 

 

Google Search Console

Search Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 사이트가 돋보이게 할 수 있습니다.

search.google.com

 

    ② "시작하기" 버튼 클릭 후 로그인한다.

 

    ③ 좌측상단 "속성 검색"을 클릭하고 "+ 속성 추가"를 클릭한다.

 

    ④ 등록할 URL을 입력한다.

 

    ⑤ 태그를 복사하여 main 페이지에 추가한다.

 

    ⑥ URL이 등록된 것을 확인한다.

 

반응형
반응형

1. 시험환경

    ˙ 인터넷

 

2. 목적

    ˙ 검색 엔진 노출을 위한 사이트맵 파일(sitemap.xml)을 생성한다.

 

3. 적용

    ① 무료 사이트맵 생성 파일 제공 URL

        - http://www.web-site-map.com

 

Free XML Sitemap Generator - Online Tool

Use our online tool to create free XML sitemaps for your websites and improve SEO rankings.

www.web-site-map.com

 

        - https://www.xml-sitemaps.com

 

Create your Google Sitemap Online - XML Sitemaps Generator

Installable version We offer a server-side script written in PHP language that you can install on your server and create sitemap for your website. The script doesn't have the limit on number of pages included in sitemap, although server resources required

www.xml-sitemaps.com

        - https://xmlsitemapgenerator.org

 

Free Sitemap Generator • XML • HTML • RSS • Google

Try our free XML Sitemap Generator. Available online, for Wordpress and for Windows. Use our XML sitemap generator to produce HTML, RSS and Google XML Sitemaps!

XmlSitemapGenerator.org

        - https://xmlsitemapgenerator.org

 

Free Sitemap Generator • XML • HTML • RSS • Google

Try our free XML Sitemap Generator. Available online, for Wordpress and for Windows. Use our XML sitemap generator to produce HTML, RSS and Google XML Sitemaps!

XmlSitemapGenerator.org

        - http://www.check-domains.com/sitemap

 

XML Sitemap Generator - Free Unlimited Pages.

XML Sitemap Generator - Free Unlimited Pages

www.check-domains.com

 

    ② 위 사이트에서 생성한 sitemap.xml 파일을 호스팅 root 경로에 업로드한다.

        - github pages 기능으로 웹 호스팅을 하는 경우 Repository root  경로에 업로드하였다.

 

    ③ 구글 서치 콘솔 등 검색엔진 노출을 위해 사이트맵 경로를 등록한다.

 

4. 결과

    ˙ 검색 엔진 노출 결과를 확인한다.

 

반응형
반응형

1. 시험환경

    ˙ Github

 

2. 목적

    ˙ Github Pages 기능을 활성화한다.

 

3. 적용

     정적 웹 파일이 저장된 Github Repository에서 "Settings" 메뉴를 클릭한다.

        - 호스팅을 원하는 Repository는 Public으로 생성되어야만 한다.

        - Settings 메뉴는 Github에 로그인한 본인의 Repository에서만 확인할 수 있다.

 

    좌측 메뉴에서 "Pages" 메뉴를 클릭한다.

 

    웹 페이지 접속을 위한 URL이 나타난다.

 

4. 결과

    ˙ URL 링크를 클릭하면 HTML, CSS 등으로 제작된 정적 웹 페이지에 접속할 수 있다.

 

반응형

+ Recent posts