[🐳Docker] 도커환경에서 리액트 배포해보기
2025. 1. 4. 23:17
💻백엔드/DevOps
간단한 어플을 실제로 배포해보기 (개발부분)개발 환경과 배포 과정리액트 설치 방법npx create-react-app 리액트 어플리케이션을 실행할 때에는 아래 명령어를 입력하면 된다.개발 단계 : npm run start 테스트 단계 : npm run test빌드 단계 : npm run build→ 이렇게까지 하면 배포를 할 때 사용할 수 있는 build 폴더와 그 안에 많은 파일들이 생성된다. 도커를 이용하여 개발단계에서 리액트 실행하기도커로 어플을 실행하기 위해서Dockerfile.dev개발 환경에서의 도커 파일 작성은 현재까지 도커 파일 작성했던 것과 똑같이 해주면 된다. dockerfile.dev를 작성해보자. FROM node:alpine WORKDIR /usr/src/app COPY pa..
[🐳Docker] Node.js로 Docker 실습하기
2025. 1. 3. 23:26
💻백엔드/DevOps
👉 Node.js 환경 구축Node.js를 이용하기 위해서는 당연히 Node.js가 설치되어 있어야한다.Node.js가 설치되어 있어야 npm install, npm init, node server.js와 같은 명령어를 사용할 수 있다. Node.js는 공식 홈페이지에서 쉽게 다운로드 받을 수 있다.https://nodejs.org/en/download/current Node.js — Download Node.js®Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 설치가 잘 되었는지 확인하기 위해서 node -v 명령어를 사용할 수 있다.설치 버전이 나온다면 설치가 완료된 것이다. 다음은 Node.js 어..
[🐳Docker]도커 클라이언트 명령어와 직접 도커 이미지 만들어보기
2025. 1. 3. 22:02
💻백엔드/DevOps
👉 이미지 내부 파일 시스템 구조 보기위에 박스들이 명령어에 해당된다. - ls: 시작 명령어를 무시하고 커맨드를 시행하게 하는 명령- docker run alpine ls라는 명령어를 입력을하면 도커 허브에서 alpine이라는 이미지를 가져와서 돌릴 수 있게 만들어주는 것 그럼 작동과정이 아래 같다.만약, hello world 명령어를 사용하면 ls 명령어는 사용하지 못하게 된다.alpine이라는 이미지에 ls 명령어를 쓸 수 있는 것을 제공하기 때문에 사용이 가능했던 것이고, hello-world 이미지에는 반대로 ls 명령어를 적용시키는걸 제공하지 않기 때문에 먹히지 않는 것이다.👉 컨테이너들 나열하기현재 실행중인 컨테이너 나열ps : process status 줄임말의 명령어📚 실습2개의 T..
[Spring Boot 입문 해보기] 웹 MVC 개발
2024. 6. 16. 22:37
💻백엔드/SPRING
김영한 강사님의 스프링 부트 강의에 더불어 따로 공부한 내용도 추가한 글입니다. ✅회원 웹 첫 페이지 이제 홈 화면과 거기에 들어가는 기능을 추가해줘보자.우선 컨트롤러에 HomeController를 만들어준다//homeController.java@Controllerpublic class HomeController { @GetMapping("/") //첫번째 도멘인 처음 화면을 맾 public String home(){ return "home"; }} 그리고 보이는 화면을 만들기위해 html을 만들어준다. Hello Spring 회원 기능 회원 가입 ..
[Spring Boot 입문 해보기] 스프링 빈과 의존관계를 알아보자
2024. 6. 16. 22:19
💻백엔드/SPRING
스프링 빈은 스프링 컨테이너에 의해 관리되는 자바 객체(POJO)를 의미합니다.✅스프링 빈과 의존관계 스프링을 실행시킬 때 처음에 컨테이너라는 공간이 생성 되는데이때, @Controller 라는 어노테이션이 있으면 이 어노테이션에 해당하는 클래스 객체를 가져와컨테이너에 넣어두고 스프링이 관리할 수 있도록 해준다. 이때 컨테이너에 들어가는 애들을 “빈” 이라고 표현합니다! private final MemberService memberService= new MemberService(); 실제로 이렇게 new로 필요할 때마다 객체를 생성해서 만들어 두면별로 기능이 없는 MemberService 객체를 계속 필요할 때마다 객체 생성을 해줘야함그래서 저렇게 선언하는 것이 아니라 컨테이너에 등록을 해두고 갖다 쓰면..
[Spring Boot 입문 해보기] 회원 서비스 개발하고, 회원 서비스 테스트 해보기
2024. 6. 16. 22:05
💻백엔드/SPRING
김영한 강사님의 스프링 부트 강의에 더불어 따로 공부한 내용도 추가한 글입니다.✅ 회원 서비스 개발이제 남은 멤버 서비스를 만들면 되는데,MemberService 클래스를 만들어주자.우리가 이전에 MemberRepository 인터페이스를 상속받는 멤버 서비스를 만들기로 했기 때문에이 클래스 안에서 private 으로 멤버 레포지토리 객체를 하나 만들어 준다.그리고 작업하는 메서드를 하나씩 추가해주면 되겠다. 우선 소스코드부터...package hello.hellospring.service;import hello.hellospring.domain.Member;import hello.hellospring.repository.MemberRepository;import hello.hellospring.repo..
[Spring Boot 입문해보기] 회원관리 예제 초기 세팅, 테스트 코드 작성 해보기
2024. 6. 16. 21:33
💻백엔드/SPRING
김영한 강사님의 스프링 부트 강의에 더불어 따로 공부한 내용도 추가한 글입니다.✅회원관리 예제를 만들어보자일단 비즈니스 요구사항부터 정리하자데이터: 회원ID, 이름기능 : 회원 등록, 조회아직 데이터 저장소가 선정되지 않은..(가상의 시나리오)일반적인 웹어플리케이션 구조는컨트롤러가 서비스에 요청을 하면 서비스는 리포지토리로 업데이트를 시키고 이 레포지토리에서 DB로 넘겨주게 된다. 이 컨트롤러와 서비스와 리포지토리가 모두 도메인에 표현하게 되는 것이다.컨트롤러 : 웹MVC의 컨트롤러의 역할서비스 :핵심 비즈니스 로직 구현리포지토리 : 데이터베이스에 접근, 도메인 객체를 DB에 저장하고 관리도메인 : 비즈니스 도메인 객체, 예) 회원, 주문, 쿠폰 등등📖클래스 의존관계 회원 정보를 저장하는 것은 회원 리..
[Spring Boot 입문해보기] 정적컨텐츠, MVC, API 알아보고 적용해보기
2024. 6. 15. 23:09
💻백엔드/SPRING
김영한 강사님의 스프링 부트 강의에 더불어 따로 공부한 내용도 추가한 글입니다.웹을 개발한다는 것?정적 컨텐츠MVC와 템플릿 엔진(JSP, PHP)API이 세 가지를 구성하여 만든다고 보면 된다.✅정적컨텐츠정적 컨텐츠란 파일 그대로 화면에 보여주는 방식을 말한다: 파일 고대로 화면에 보여주는 방법공식문서 내용👇👇👇👇Spring Boot Reference Documentation 스프링부트에서는 기본적으로 제공하고 있는게 static 문서임프로젝트 문서 구조를 봐보면 static이라는 폴더가 있다는 것을 알 수 있음. 예시로,, 프로젝트 static 폴더에다가 hello-static.html 문서를 막 만들어보자만들고 나서 서버를 열고 localhost:8080/hello-static.html로 접..