기술 스택 javascript, typescript, react, next, redux-toolkit, react-query, zustand, tailwind-css, node, express, mongodb, aws(s3, cloudfront, ec2 등), cypress, CI/CD(Github-Actions), docker 현재 상황프론트엔드부터 백엔드와 데브옵스까지 전반적인 개발에 대한 학습을 진행하면서 팀프로젝트와 개인 프로젝트를 완성하였고, 이력서를 작성하여 프론트엔드 개발자로 지원하고 있는 중에 있습니다. 그래서 현재 시점에서 어떤 것을 준비하고 학습해야할까 고민하며, Story-book부터 PlayWright 와 같은 테스팅 도구, JS/TS 디자인패턴, NestJS 백엔드, AWS Lam..
전체 글
방법 1 : 개인 프로젝트에서 많이 쓰는 CI/CD 구축 방법 (Github Actions) ✅ 전체적인 흐름 ✅ 장점git pull을 활용해서 변경된 부분의 프로젝트 코드에 대해서만 업데이트 하기 때문에 CI/CD 속도가 빠르다.CI/CD 툴로 Github Actions만 사용하기 때문에 인프라 구조가 복잡하지 않고 간단하다.✅ 단점빌드 작업을 EC2에서 직접 진행하기 때문에 운영하고 있는 서버의 성능에 영향을 미칠 수 있다.Github 계정 정보가 해당 EC2에 저장되기 때문에 개인 프로젝트 또는 믿을만한 사람들과 같이 진행하는 토이 프로젝트에서만 사용해야 한다.✅ 이 방법은 언제 주로 쓰는 지주로 개인 프로젝트에서 CI/CD를 심플하고 빠르게 적용시키고 싶을 때 적용한다.방법 1 : [실습] 개인 ..
해당 글은 Inflearn(인프런) ‘ 비전공자도 이해할 수 있는 CI/CD 입문·실전 ' 강의를 토대로 작성되었습니다. 비전공자도 이해할 수 있는 CI/CD 입문·실전 1. CI/CD란?CI/CD란 Continuous Integration, Continuous Deployment 의 약자로, CI/CD는 테스트(Test), 통합(Merge), 배포(Deploy)의 과정을 자동화하는 걸 의미한다. CI/CD를 왜 배우는 걸까? 서비스를 운영하다보면 새로운 기능을 추가하는 일이 많아진다. 새로운 기능에 대한 코드를 작성한 뒤에 Commit을 찍는다. 그런 뒤에 브랜치에 Merge를 하고 배포를 한다. 배포를 할 때 직접 컴퓨터 서버(ex. AWS EC2)에 접속해서 새로운 코드를 다운받아 실행시켜주어야..
해당 글은 Inflearn(인프런) ‘비전공자도 이해할 수 있는 Docker 입문/실전' 강의를 토대로 작성되었습니다.비전공자도 이해할 수 있는 Docker 입문/실전 1. Docker Compose를 사용하는 이유Docker Copmose란?여러 개의 Docker 컨테이너들을 하나의 서비스로 정의하고 구성해 하나의 묶음으로 관리할 수 있게 도와주는 툴이다.Docker Compose를 사용하는 이유1. 여러 개의 컨테이너를 관리하는 데 용이- 여러 개의 컨테이너로 이루어진 복잡한 애플리케이션을 한 번에 관리할 수 있게 해준다. 여러 컨테이너를 하나의 환경에서 실행하고 관리하는 데 도움이 된다. 2. 복잡한 명령어로 실행시키던 걸 간소화 시킬 수 있음- 이전에 MySQL 이미지를 컨테이너로 실행시킬 때 아..
해당 글은 Inflearn(인프런) ‘비전공자도 이해할 수 있는 Docker 입문/실전' 강의를 토대로 작성되었습니다.비전공자도 이해할 수 있는 Docker 입문/실전1. Dockerfile이란?Docker 이미지는 Dockerhub을 통해 다운받아서 사용할 수 있다. 이 Docker 이미지들도 누군가 만들어서 Dockerhub에 올려놓은 것이다. 그럼 도대체 이 Dcoker 이미지는 어떻게 만드는 걸까? Dockerfile이라는 걸 활용해서 Docker 이미지를 만들 수 있다. 2. FROM : 베이스 이미지 생성 FROM은 베이스 이미지를 생성하는 역할을 한다. Docker 컨테이너를 특정 초기 이미지를 기반으로 추가적인 셋팅을 할 수 있다. 여기서 얘기한 ‘특정 초기 이미지’가 곧 베이스 이미지이..
해당 글은 Inflearn(인프런) ‘비전공자도 이해할 수 있는 Docker 입문/실전' 강의를 토대로 작성되었습니다.비전공자도 이해할 수 있는 Docker 입문/실전1. Docker Volume(도커 볼륨)✅ 컨테이너가 가진 문제점Docker를 활용하면 특정 프로그램을 컨테이너로 띄울 수 있다. 이 프로그램에 기능이 추가되면 새로운 이미지를 만들어서 컨테이너를 실행시켜야 한다. 이 때, Docker는 기존 컨테이너에서 변경된 부분을 수정하지 않고, 새로운 컨테이너를 만들어서 통째로 갈아끼우는 방식으로 교체를 한다. 이런 특징 때문에 기존 컨테이너를 새로운 컨테이너로 교체하면, 기존 컨테이너 내부에 있던 데이터도 같이 삭제된다. 만약 이 컨테이너가 MySQL을 실행시키는 컨테이너였다면 MySQL에 저장된..
해당 글은 Inflearn(인프런) ‘비전공자도 이해할 수 있는 Docker 입문/실전' 강의를 토대로 작성되었습니다.비전공자도 이해할 수 있는 Docker 입문/실전[실습] Docker(Nginx 설치 및 실행) ✅ Docker를 활용해 Nginx 실행시키기1. Nginx 이미지 다운로드 docker pull nginx 2. 다운로드 된 이미지 확인하기 docker image ls 3. 이미지를 컨테이너에 올려 Nginx 서버 실행시키기 docker run --name webserver -d -p 80:80 nginx4. Nginx 서버가 잘 실행되는 지 확인하기 5. 실행되고 있는 모든 컨테이너 상태 확인하기 docker ps6. 특정 컨테이너 정지 docker stop webserver
해당 글은 Inflearn(인프런) ‘비전공자도 이해할 수 있는 Docker 입문/실전' 강의를 토대로 작성되었습니다.비전공자도 이해할 수 있는 Docker 입문/실전1. 이미지(Image) 다운로드이미지를 다운로드 할 때 Dockerhub이라는 곳에서 이미지를 다운 받는다.Dockerhub은 Github처럼 이미지를 저장 및 다운받을 수 있는 저장소 역할을 하고 있다.✅ 이미지 다운로드[최신 버전(latest) 이미지 다운로드]# docker pull 이미지명docker pull nginx # docker pull nginx:latest와 동일하게 작동 [특정 버전 이미지 다운로드] # docker pull 이미지명:태그명docker pull nginx:stable-perl 특정 버전을 나타내는 이름..