728x90 반응형 전체 글416 [React] CRA 사용하지 않고 타입 스크립트 개발환경 세팅하기 안녕하세요. J4J입니다. 이번 포스팅은 CRA 사용하지 않고 타입 스크립트 개발환경 세팅하는 방법에 대해 적어보는 시간을 가져보려고 합니다. 개발환경 세팅 방법 [ 1. 작업할 폴더 생성 및 이동 ] VSCode 터미널을 이용하여 다음 명령어를 통해 작업 폴더를 생성해주시면 됩니다. $ mkdir { 폴더 명 } // ex) mkdir init_typescript $ cd { 폴더 명 } // ex) cd init_typescript [ 2. package.json 생성 ] $ npm init 명령어를 입력하면 부가 정보들을 추가적으로 작성해줘야 합니다. 필요한 내용들에 대해 입력해주시면 되고 괄호가 있는 곳은 아무것도 입력하지 않을 경우 괄호 안의 내용이 default로 입력이 됩니다. package.. 2022. 2. 16. [React] CRA 사용하지 않고 개발환경 세팅하기 안녕하세요. J4J입니다. 이번 포스팅은 CRA 사용하지 않고 개발환경 구축하는 방법에 대해 적어보는 시간을 가져보려고 합니다. 개발환경 세팅 방법 [ 1. 작업할 폴더 생성 및 이동 ] 보통 React를 이용해 개발할 때는 대부분의 사용자들이 VSCode를 IDE로 선택합니다. VSCode를 사용하시는 분들은 터미널을 이용하여 다음과 같이 간단하게 폴더 생성 및 이동을 해주시면 됩니다. $ mkdir { 폴더 명 } // ex) mkdir init $ cd { 폴더 명 } // ex) cd init [ 2. package.json 생성 ] $ npm init 명령어를 입력할 경우 다음과 같이 추가 정보를 입력해야 되는데 필요한 부분만 입력해주시면 되고 또한 괄호가 있는 곳은 입력을 하지 않을 경우 괄호.. 2022. 2. 15. [GitLab] GitLab Runner + Docker + Ubuntu 환경 구축 (5) - JOB이 수행될 폴더 구분하기 안녕하세요. J4J입니다. 이번 포스팅은 GitLab Runner + Docker + Ubuntu를 이용하여 배포할 때 JOB이 수행되는 폴더 구분하는 방법에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서 다음 글을 참고하시면 좋을 것 같습니다. [GitLab] GitLab Runner + Docker + Ubuntu 환경 구축 (3) - SpringBoot, Next를 동일 Repository에서 사용할 경우 폴더 구분하는 이유 위의 링크를 참고해보시면 지금까지 동일 Repository에 SpringBoot와 Next를 함께 배포하는 것을 확인해볼 수 있습니다. 여기서 확인할 수 있는 한 가지 문제점은 어떤 파일이 변경되더라도 모든 Next, SpringBoot의 자동 배포 과정이 함께 이루.. 2022. 2. 13. [GitLab] GitLab Runner + Docker + Ubuntu 환경 구축 (4) - Docker Hub를 사용할 경우 안녕하세요. J4J입니다. 이번 포스팅은 GitLab Runner + Docker + Ubuntu를 이용해 자동 배포 환경을 구축할 때 Docker Hub를 사용하는 방법에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서 다음 글을 참고하시면 좋을 것 같습니다. [GitLab] GitLab Runner + Docker + Ubuntu 환경 구축 (3) - SpringBoot, Next를 동일 Repository에서 사용할 경우 Docker Hub 사용하는 방법 위의 링크를 통해 GitLab Runner, Docker, Ubuntu를 활용하여 SpringBoot, Next가 함께 자동 배포되는 환경을 세팅했었습니다. 하지만 여기서 자동 배포될 때 이미지를 push 하여 저장해두는 저장소는 GitL.. 2022. 2. 12. [GitLab] GitLab Runner + Docker + Ubuntu 환경 구축 (3) - SpringBoot, Next를 동일 Repository에서 사용할 경우 안녕하세요. J4J입니다. 이번 포스팅은 GitLab Runner + Docker + Ubuntu를 이용한 동일 Repository에 SpringBoot, Next가 존재할 때 환경 구축하는 방법에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서 다음 글을 참고하시면 좋을 것 같습니다. [GitLab] GitLab Runner + Docker + Ubuntu 환경 구축 (1) - SpringBoot [GitLab] GitLab Runner + Docker + Ubuntu 환경 구축 (2) - Next 사전 준비 [ 1. GitLab Runner와 GitLab Repository 연결 ] Runner와 Repository를 연결하는 방법은 [GitLab] GitLab Runner 설치하기 (Ubu.. 2022. 2. 10. [GitLab] GitLab Runner + Docker + Ubuntu 환경 구축 (2) - Next 안녕하세요. J4J입니다. 이번 포스팅은 GitLab Runner + Docker + Ubuntu를 이용한 Next 환경 구축하는 방법에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서 다음 글을 참고하시면 좋을 것 같습니다. [Docker] Next 환경 구축 사전 준비 [ 1. GitLab Runner와 GitLab Repository 연결 ] Runner와 Repository를 연결하는 방법은 [GitLab] GitLab Runner 설치하기 (Ubuntu 20.04)를 참고해주시길 바랍니다. 또한 참고적으로 Runner와 연결된 제 Repository는 다음과 같이 구성되어 있습니다. [ 2. Dockerfile 내용 수정 ] [Docker] Next 환경 구축에 작성해 둔 Dockerf.. 2022. 2. 9. [GitLab] GitLab Runner + Docker + Ubuntu 환경 구축 (1) - SpringBoot 안녕하세요. J4J입니다. 이번 포스팅은 GitLab Runner + Docker + Ubuntu를 이용한 SpringBoot 환경 구축하는 방법에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서 다음 글을 참고하시면 좋을 것 같습니다. [Docker] SpringBoot 환경 구축 사전 준비 [ 1. GitLab Runner와 GitLab Repository 연결 ] [GitLab] GitLab Runner 설치하기 (Ubuntu 20.04) 참고 부탁드립니다. 저는 연결된 Repository는 다음과 같이 구성되어 있습니다. [ 2. Dockerfile 내용 수정 ] [Docker] SpringBoot 환경 구축에 작성해 둔 Dockerfile의 수정 작업을 진행해야 합니다. 왜냐하면 링크의.. 2022. 2. 7. [GitLab] GitLab Runner 설치하기 (Ubuntu 20.04) 안녕하세요. J4J입니다. 이번 포스팅은 Ubuntu에 GitLab Runner 설치하는 방법에 대해 적어보는 시간을 가져보려고 합니다. GitLab Runner 설치 방법 [ 1. root 계정 접속 ] $ su - root [ 2. repository 추가 ] $ curl -L "https://packages.gitlab.com/install/repositories/runner/gitlab-runner/script.deb.sh" | sudo bash [ 3. gitlab-runner 설치 ] $ sudo apt install gitlab-runner [ 4. 연결할 gitlab 등록 ] 설치까지 완료되었다면 서버와 연동될 GitLab Repository를 등록해줘야 합니다. 그러므로 우선 연결될 Re.. 2022. 2. 4. [Docker] Docker Compose를 사용해서 한 번에 Container 관리 안녕하세요. J4J입니다. 이번 포스팅은 Docker Compose를 사용해서 한 번에 Container 관리하는 방법에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서 다음 글을 참고하시면 좋을 것 같습니다. [Docker] MySQL 환경 구축 [Docker] SpringBoot 환경 구축 [Docker] Next 환경 구축 [Docker] Nginx 환경 구축 Docker Compose 사용 방법 위의 링크들을 참고해보면 지금까지 Docker를 이용하여 MySQL, SpringBoot, Next, Nginx 배포 환경을 구축했었습니다. 만약 저처럼 4개의 환경을 모두 테스트해보신 분들이라면 각 환경마다 Docker Container들을 관리하는 것은 너무 단순하고 반복적인 작업들이라는 것을.. 2022. 2. 3. [Docker] Nginx 환경 구축 안녕하세요. J4J입니다. 이번 포스팅은 Nginx 환경 구축하는 방법에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서 다음 글을 참고하시면 좋을 것 같습니다. [Docker] MySQL 환경 구축 [Docker] SpringBoot 환경 구축 [Docker] Next 환경 구축 Nginx 환경 구축 방법 [ 1. 도커 설치 ] 위에 링크를 걸어둔 [Docker] MySQL 환경 구축을 참고해주시길 바랍니다. [ 2. Dockerfile 작성 ] Nginx를 위한 폴더를 하나 만들고 그 내부에 Dockerfile이라는 이름의 파일을 하나 생성해줍니다. Dockerfile은 Nginx가 실행되는 환경을 커스텀하는 파일로 Nginx의 기본 설정이 담겨있는 이미지를 가져와 자유롭게 커스텀해줄 수 있.. 2022. 2. 1. [Docker] Next 환경 구축 안녕하세요. J4J입니다. 이번 포스팅은 Next 환경 구축하는 방법에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서 다음 글을 참고하시면 좋을 것 같습니다. [Docker] MySQL 환경 구축 [Docker] SpringBoot 환경 구축 사전 준비 [ 1. 소스 코드 ] Next를 이용해 서비스가 되는 간단한 소스를 준비해주시면 됩니다. 저 같은 경우는 위에 링크를 걸어둔 MySQL과 SpringBoot 환경을 활용하여 다음과 같이 유사 블로그 글을 올릴 수 있는 화면을 구성했습니다. [ 2. 서버 url 설정 ] 해당 부분은 로컬에 구성되어 있는 서버를 이용해 데이터를 가져오는 분들만 해당됩니다. 일반적으로 로컬 서버에 있는 데이터를 가져오기 위한 url로 localhost라고 지정할 .. 2022. 2. 1. [Docker] SpringBoot 환경 구축 안녕하세요. J4J입니다. 이번 포스팅은 SpringBoot 환경 구축하는 방법에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서 다음 글을 참고하시면 좋을 것 같습니다. [Docker] MySQL 환경 구축 사전 준비 [ 1. 소스 코드 ] STS와 같은 IDE를 사용했을 때 동작이 잘 이루어지고 있는 SpringBoot 소스 코드가 필요합니다. 제가 구현한 것은 포스트맨을 이용해 API를 호출해보면 다음과 같은 결과를 만들어줍니다. [ 2. Datasource 설정 ] 해당 부분은 DB 연결을 위해 설정한 Datasource의 url이 localhost로 되어 있는 분들만 참고해주시면 됩니다. Docker를 이용해 SpringBoot를 동작시킬 경우 localhost로 Datasource를 .. 2022. 1. 26. [Docker] MySQL 환경 구축 안녕하세요. J4J입니다. 이번 포스팅은 MySQL 환경 구축하는 방법에 대해 적어보는 시간을 가져보려고 합니다. MySQL 환경 구축 방법 [ 1. 도커 설치 ] Window Docker 설치 → Window Docker 다운로드 Ubuntu Docker 설치 → [Docker] Docker 설치하기 (Ubuntu 20.04) 해당 글에서는 Window에서 테스트를 진행할 예정이어서 Window Docker를 다운로드 해주시면 됩니다. [ 2. 데이터를 담아둘 폴더 생성 ] root위치에 간단하게 data라는 폴더를 생성해줍니다. data라는 폴더를 생성하는 이유는 이전에 동작되었던 MySQL 컨테이너에서 사용한 데이터를 유지하기 위해서입니다. Docker를 이용하여 만든 컨테이너는 한번 생성하여 사용.. 2022. 1. 24. [Docker] Docker Compose 설치하기 (Ubuntu 20.04) 안녕하세요. J4J입니다. 이번 포스팅은 Docker Compose 설치하는 방법에 대해 적어보는 시간을 가져보려고 합니다. Docker Compose 설치 방법 [ 1. root 계정 접속 ] $ su - root [ 2. Docker Compose 설치 ] $ sudo curl -L "https://github.com/docker/compose/releases/download/1.29.2/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose [ 3. Docker Compose 실행 권한 부여 ] $ sudo chmod +x /usr/local/bin/docker-compose 실행 권한이 정상적으로 부여되었는지는 다음과 같이.. 2022. 1. 23. [Docker] Docker 설치하기 (Ubuntu 20.04) 안녕하세요. J4J입니다. 이번 포스팅은 Docker 설치하는 방법에 대해 적어보는 시간을 가져보려고 합니다. Docker 설치 방법 [ 1. root 계정 접속 ] $ su - root [ 2. apt 최신 버전으로 업데이트 ] $ apt update & apt upgrade [ 3. 관련 패키지 설치 ] $ sudo apt-get install apt-transport-https ca-certificates curl gnupg-agent software-properties-common 설치 도중 계속 진행할 것이냐는 질문 사항이 나올 수 있는데 이때는 가볍게 y를 입력해주시면 됩니다. [ 4. GPC Key 인증 ] $ curl -fsSL https://download.docker.com/linux/.. 2022. 1. 20. [AWS] 초기 Root 비밀번호 설정하기 (Ubuntu 20.04) 안녕하세요. J4J입니다. 이번 포스팅은 초기 Root 비밀번호 설정하는 방법에 대해 적어보는 시간을 가져보려고 합니다. 초기 Root 비밀번호 설정 방법 [ 1. EC2 사용자 이름으로 SSH 접속 ] SSH로 접속할 경우 일반적으로 다음과 같은 화면을 확인할 수 있을 겁니다. [ 2. 비밀번호 설정 ] $ sudo passwd root 명령어를 입력할 경우 신규 비밀번호를 입력할 수 있고 확인을 위해 한번 더 비밀번호를 입력해주면 됩니다. [ 3. root 계정 접속 ] $ su - root 위의 명령어는 root계정에 접속한다는 명령어이고 명령어를 입력한 뒤 위에서 설정한 비밀번호를 입력해주시면 됩니다. 올바른 비밀번호를 입력할 경우 다음과 같이 접속 계정이 root로 변경되는 것을 확인할 수 있습.. 2022. 1. 19. [AWS] Filezilla 이용하여 EC2 인스턴스 SFTP 접속하기 안녕하세요. J4J입니다. 이번 포스팅은 Filezilla 이용하여 EC2 인스턴스 SSH 접속하는 방법에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서 다음의 글들을 참고하시면 좋을 것 같습니다. [AWS] EC2 인스턴스 생성하기 [AWS] EC2 고정 IP 사용하기 [AWS] Putty 이용하여 EC2 인스턴스 SSH 접속하기 Filezila로 SFTP 접속하는 방법 [ 1. Filezilla 설치 ] Filezilla 다운로드를 통해 설치해주시면 됩니다. [ 2. 사이트 관리자 오픈 ] 다운로드한 Filezilla를 실행해보면 좌측 상단에 다음과 같은 사이트 관리자 버튼을 확인할 수 있습니다. 버튼을 클릭하면 다음과 같이 사이트 관리자가 오픈되는 것을 확인할 수 있습니다. [ 3. 사이.. 2022. 1. 18. [AWS] Putty 이용하여 EC2 인스턴스 SSH 접속하기 안녕하세요. J4J입니다. 이번 포스팅은 Putty 이용하여 EC2 인스턴스 SSH 접속하는 방법에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서 다음의 글들을 참고하시면 좋을 것 같습니다. [AWS] EC2 인스턴스 생성하기 [AWS] EC2 고정 IP 사용하기 Putty로 SSH 접속하는 방법 [ 1. Putty 설치 ] Putty 다운로드를 통해 설치해주시면 됩니다. [ 2. Puttygen 실행 ] EC2 인스턴스를 생성할 때 다운로드한 pem파일을 이용하여 private key를 생성해줘야 합니다. private key는 Putty를 설치할 때 같이 다운로드되는 Puttygen을 이용해 만들어줄 수 있기 때문에 Putty가 설치된 경로를 찾아 Puttygen을 실행시켜 주시면 됩니다... 2022. 1. 15. 이전 1 ··· 9 10 11 12 13 14 15 ··· 24 다음 728x90 반응형