Back42 Day18_AWS에 Nginx, Tomcat 연결 오늘 머리 터지는 줄 알았다. 서블릿을 배웠는데 Java를 이용해 동적 웹페이지를 생성하는 서버사이드 프로그램이라는 것 외에는 뭐라는 지 모르겠다. 머리에 남은 건 없지만 오늘 종일 했던 실습 과제를 복습하고 기록하려고 한다. 오늘 실습 과제는 AWS에 Nginx와 Tomcat을 연결하여 Tomcat 메인 페이지가 뜨도록 연결하는 거였다. LINUX 서버 설치 및 실행 우선 Renux 서버를 설치 및 실행해야하는데, 이건 2주 전에 배운거라 기억을 다듬어 다시 해봐야겠다. 우선 AWS 홈페이지에 가입한다. https://ap-northeast-2.console.aws.amazon.com/console/home?region=ap-northeast-2 가입한 후 홈 화면에서 EC2를 찾는다. 안보이면 검색해.. 2023. 6. 3. Day17_#7_IntelliJ 스프링부트 JPA로 DB에 데이터 생성 Mission 사용자에게 입력받은 데이터를 JPA를 통해 DB에 저장 Day12에서 브라우저에 인풋창을 생성해 사용자에게 데이터를 입력받고 Controller에서 확인해봤는데 이번엔 입력받은 데이터를 DB에 저장해보려고 한다. DB는 데이터베이스로, 데이터를 관리하는 창고다. 엑셀처럼 생겼는데 엑셀보다 더 편리하고 정확하게 데이터를 관리할 수 있다. 나는 Java를 사용하여 코드를 입력하는데, DB는 SQL 언어를 사용하기 때문에 Java를 이해하지 못한다. 한국인이랑 인도인이랑 언어 소통이 안되는 느낌이랄까. 여기서 Java와 DB의 통역가 역할을 해주는 것이 JPA다. 통역가 역할에 더해 데이터 관리에 편리한 여러 기능들도 제공한다. 그 중 핵심 기능 Entity와 Repository가 있는데, En.. 2023. 6. 1. Day16_AWS S3 정적 웹사이트 배포 AWS Console에서 S3 버킷을 생성한다. 최근 사용 항목에 안 뜨면 모든 서비스 보기에서 찾으면 된다. 버킷 만들기를 클릭해주면 아래 사진처럼 설정 화면이 뜬다. 버킷 이름은 자유롭게 설정하고, 아래로 내려서 액세스 차단 설정을 풀어준 후 버킷 만들기를 클릭하면 버킷이 생성된다. 다음으로 구글에 'free html template'을 검색해서 원하는 html 템플릿을 다운받았다. 이제 다운 받은 폴더를 생성한 버킷에 업로드해줄건데, 다운받은 폴더 자체를 올리는 게 아닌 그 내부에 있는 폴더와 파일들을 업로드해줘야한다. 이제 사진 좌측 상단에 있는 속성에 들어가서 '정적 웹 사이트 호스팅'을 활성화해줄건데, 편집을 누르고 활성화 해준다. 아래 뜨는 인덱스 문서에 받은 html 템플릿 파일 중 기본 .. 2023. 6. 1. Day12_#6_폼 데이터를 받아 Controller에서 확인 Mission 폼데이터를 받고 Controller에서 확인한다. Day 10에서 만들었던 페이지를 게시판의 형태로 업그레이드 하려고 하는데, 게시판의 기본 형태인 CRUD를 알아야 한다. - Create - Read - Update - Delete 우리가 웹에 접속하면 일반적으로 하는 동작들이다. 그 중 Create, 작성 부분을 먼저 만들건데, 사용자가 페이지에 값을 입력하면 그걸 Controller에서 확인하는 것이다. 폼 데이터는 html 요소인 폼 태그에 담겨있는 데이터로 우리가 일반적으로 게시판에 글을 작성하는 것이 폼 태그이다. 게시판을 작성할 때 일반적인 양식인 작성자, 게시일, 게시판 등이 폼 태그이며 여기에 사용자가 입력하는 값이 폼 데이터로 서버에 전송되고, 이를 Controller에서.. 2023. 5. 31. Day10_#5_IntelliJ 스프링부트 View Template 페이지에 레이아웃 나누기 Mission 뷰 템플릿 페이지에 헤더-푸터 레이아웃 적용하기 레이아웃은 한 화면에 여러 요소를 배치하는 것이다. 그중 가장 기본적인 헤더-푸터 레이아웃을 적용한다. 저번에 MVC 패턴 공부할 때 만든 서버를 그대로 사용했다. View에 작성한 코드를 content에 두고 앞뒤로 헤더와 푸터 레이아웃을 만들어줄거다. 예쁘게 꾸미려면 에너지 소모가 크니 https://getbootstrap.com 이걸 사용할거다. getbootstrap은 CSS 모음으로 디자인을 대신 해준다. getbootstrab 페이지에 들어가서 보라색 Read the docs 클릭하고 좌측 네비게이션에 뜨는 Getting Started에 RTL 클릭 그럼 이렇게 Starter Template 코드를 복사할 수 있다. 이걸 그대로 긁.. 2023. 5. 30. Day9_#4_IntelliJ 스프링부트 MVC_Bye 요청 페이지 만들기 localhost:8080/hello 위 링크를 입력했을 때 "Nice to meet you, Xia :)"가 나오도록 만들었으면, 이번에는 hello 대신 bye를 입력했을 때 페이지가 나오도록 만든다. 위 링크로 접속하면 해당 요청을 받아줄 Controller가 없기 때문에 당연히 에러 페이지가 뜬다. 새로운 컨트롤러를 만드는 게 아닌 기존에 있던 hello 컨트롤러에 추가할거다. 앞전에 hello 페이지를 만들 때와 마찬가지로 Controller를 연결해줘야하기에 @GetMappint("/bye") 를 선언해주고 public String seeYouNext 를 선언해준다. 다음으로 보여질 View Template 페이지를 연결해줘야하는데 return "goodbye"; 를 입력한다. 아직 goodb.. 2023. 5. 30. 이전 1 ··· 3 4 5 6 7 다음
