재밌는 Coding

1. 시험환경

    ˙ AWS EC2 Ubuntu v20.04

    ˙ Nginx   

    ˙ React

2. 목적

    ˙ Nginx 웹서버를 이용하여 React 빌드 파일을 배포하는 방법을 알아보자.

    ˙ Nginx 설정을 최소화하여 단일 App을 빠르게 배포하는 경우의 해결책을 제시한다.

3. 적용

    ① Nginx 설치를 설치한다.

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

    ② React 프로젝트를 빌드하면 "build" 폴더에 배포 패키지가 생성된다.

        - build 명령어 : $ npm run build

    ③ Nginx 기본경로에 있는 기본 파일(html)을 삭제 후 react 빌드 파일(build 하위 모든 파일)을 옮긴다.

        - Nginx 배포 기본 파일 삭제 : $sudo  rm  -rf  /var/www/html/

        - Nginx 배포 기본 경로 이동 : $sudo  cp  -R  [프로젝트]/build/*  /var/www/html/

    ④ Nginx를 재시작한다.

        - $sudo systemctl restart nginx

4. 결과

    ˙ 브라우저에 접속하여 Nginx를 이용하여 배포된 프로그램이 실행되는지 확인한다.

1. 시험환경

    ˙ AWS EC2, EIP

    ˙ 가비아 도메인 구매

2. 목적

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

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

3. 적용

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

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

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

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

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

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

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

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

4. 결과

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

1. 시험환경

    ˙ Ubuntu v20.04

    ˙ nginx

2. 목적

    ˙ 리눅스(Ubuntu v20.04) 환경에서 nginx를 설치한다.

    ˙ nginx 서비스 시작/종료 명령어를 실행하고 서비스를 확인한다.

    ˙ 설치한 nginx 패키지를 삭제하는 명령어를 확인한다.

3. 적용

    ① 패키지 목록 업데이트

        $ sudo apt update
        $ sudo apt upgrade
        $ sudo apt autoremove

    ② nginx를 설치한다.

        $ sudo apt-get install nginx

    ③ nginx 서비스 시작/종료 명령어를 실행한다.

        $ sudo service nginx start

        $ sudo service nginx stop

    ④ nginx 삭제 명령어 (/etc/nginx까지 완전 삭제)

        $ sudo apt-get remove --purge nginx nginx-full nginx-common

4. 결과

    ˙ Web Browser에서 [도메인] 또는 [IP:8080]을 입력하여 서비스 기동 상태를 확인한다.

1. 시험환경

    ˙ JDK
    ˙ Visual Studio Code

2. 목적

    ˙ Visual Studio Code를 이용하여 Spring Boot 프로젝트 개발을 위한 프로젝트 환경을 구축한다.

    ˙ 리눅스

3. 적용

    ① Visual Studio Code를 다운 받아 설치한다.

        - URL : https://code.visualstudio.com/

    ② 공식 가이드에 Spring Boot를 시작하기 위한 사전 설치 프로그램과 VSCode 확장팩에 관한 정보를 확인한다.

    ③ 사전 필수 프로그램을 설치한다.

        - JDK(JAVA Development Kit) 설치 : https://languagestory.tistory.com/11

        - Apache Maven 설치 (옵션) : https://languagestory.tistory.com/69

    ④ VSCode 확장팩을 설치한다.

        - Java Extension Pack
        - Spring Boot Tools
        - Spring Initializr
        - Spring Boot Dashboard

1. 시험환경

    ˙ 윈도우

    ˙ Oracle VM VirtualBox

2. 목적

    ˙ Virtual Box에 운영체제 설치 후 최초 실행 시 화면이 작게 나타나는 문제를 해결한다.

    ˙ 모니터 전체 화면으로 확대하기 위한 Plugin을 설치한다.

3. 적용

    ① Virtual Box에 윈도우 운영체제를 설치하고 최초 실행하면 아래와 같이 작은 화면으로 표시된다.

    ② Virtual Box 메뉴에서 <장치> → <게스트 확장 CD 이미지 삽입...> 메뉴를 클릭한다.

    ③ Virtual Box 메뉴에서 "장치" → "게스트 확장 CD 이미지 삽입..." 메뉴를 클릭한다.

    ④ 설치한다.

4. 결과

    ˙ 설치 후 Virtual Box를 재시작하면 모니터 전체 화면으로 확대된다.

    ˙ 확대 적용이 되지 않은 경우, <보기>  → <게스트 디스플레이 크기 자동 조절> 메뉴를 클릭한다.

1. 시험환경

    ˙ Ubuntu Linux

    ˙ MariaDB

2. 목적

    ˙ MariaDB에서 외부접속 허용 방법을 설정한다.

3. 적용

    ① config 파일에서 허용 대역(bind-address)을 기존 Local(127.0.0.1)에서 모든 대역(0.0.0.0)으로 변경한다.

        - $sudo vi /etc/mysql/mariadb.conf.d/50-server.cnf

    ② MariaDB에 접속하여 root 계정을 외부 접속 허용하도록 설정한다.

        - GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED BY 'password';
        - FLUSH PRIVILEGES;

    ③ 시스템 user 테이블에서 외부 접속 허용 전후를 비교한다.

        - select Host, User, plugin, authenctication_string FROM mysql.user;

4. 결과

    ˙ 접속 도구를 이용하여 외부 PC에서 MariaDB에 접속하는지 확인한다.

1. 시험환경

    ˙ 윈도우

    ˙ AWS CodeCommit

2. 목적

    ˙ 진행하고 있는 프로젝트 파일을 AWS CodeCommit Repository에 등록하는 방법을 알아보자.

3. 적용

    ① 등록할 프로젝트의 루트 디렉토리에서 작업한다.

    ② AWS CodeCommit에서 repository를 생성한다.

    ③ 작업 디렉토리를 repository에 등록하기 위한 명령어를 아래와 같이 입력한다.

        - git init

        - git remote add origin [git-repo-url]

        - git add *

        - git commit -m "initial commit"

        - git push --set-upstream origin master

    ④ git push 명령어 입력 후 CodeCommit Credential 팝업창에 ID/PW를 입력한다.

4. 결과

    ˙ CodeCommit Repository에 코드가 등록된 것을 확인한다.

1. 시험환경

    ˙ python

    ˙ pandas

2. 목적

    ˙ excel 파일을 읽어서(load) dataframe을 생성한다.

    ˙ dataframe을 excel 파일로 저장한다.

3. 적용

    ① 파이썬을 이용하여 읽어 올 엑셀(excel) 파일을 준비한다.

    ② 엑셀(excel) 파일을 읽어서 데이터를 추가한 후 엑셀(excel) 파일로 저장하는 파이썬 예제 코드이다.

        - 첫번째 행에 'idx' 컬럼 생성 후 index 값을 추가한다.

        - 마지막 행에 'extra' 컬럼 생성 후 모든 행에 'appended_column'을 추가한다.

4. 결과

    ˙ 프로그램 실행 콘솔로그

    ˙ 프로그램 실행 후 생성된 엑셀 파일 (추가된 컬럼)