웹 개발의 세 가지 방법 1. 정적 컨텐츠 2. MVC와 템플릿 엔진 3. API 👈 정적 콘텐츠가 아니라면 HTML로 내리냐 API 방식으로 데이터를 바로 내리느냐 두 가지만 생각하면 된다!! API > 간단한 String API 구현해보기 1. HelloController에 코드 추가 @GetMapping("hello-string") @ResponseBody public String helloString(@RequestParam("name") String name) { return "hello " + name; //"hello spring" } @ResponseBody : HTML의 응답 Body에 직접 데이터를 넣어주겠다 뷰 없이 문자가 그대로 내려간다 2. 실행 localhost:8080/hell..

웹 개발의 세 가지 방법 1. 정적 컨텐츠 👈 2. MVC와 템플릿 엔진 👈 3. API MVC와 템플릿 엔진 MVC : Model, View, Controller 과거 JSP 모델 1 방식에서는 View와 Controller가 구분되어 있지 않고, View에서 모든 역할을 다 수행했다 View는 화면을 그리는 데 모든 역량을 집중해야 한다 Controller는 비즈니스 로직, 내부적인 처리를 한 후, 화면에서 필요한 것을 모델에 담아 화면 쪽에 넘겨준다 > 실행해보기 controller 동작에 대해 살펴봅니다 1. HelloController 파일에 다음과 같은 내용을 추가 @GetMapping("hello-mvc") public String helloMVC(@RequestParam("name") St..

웹 개발의 세 가지 방법 1. 정적 컨텐츠 👈 2. MVC와 템플릿 엔진 3. API 정적 컨텐츠 - 스프링 부트는 정적 컨텐츠 기능을 기본적으로 제공한다 https://docs.spring.io/spring-boot/docs/2.3.1.RELEASE/reference/html/spring-boot-features.html#boot-features-spring-mvc-static-content /static 디렉터리에서 정적 콘텐츠를 불러온다고 합니다 웰컴 페이지 만들기에서 static 폴더에 정적 파일을 넣었었죠! > 실행해보기 hello-static.html 파일을 static에 생성하고 아무 내용이나 입력해보았습니다 프로젝트를 실행하고 다음과 같은 파일명으로 접근합니다 localhost:8080/h..

웹 개발의 세 가지 방법 자세한 예시 및 동작 설명은 각 게시물에 대한 링크로 달아두었습니다 1. 정적 컨텐츠 서버에서 하는 것 없이 서버에서 웹 브라우저에 파일을 그대로 내려주는 것 👉 Click to Go [Spring] 정적 콘텐츠 웹 개발의 세 가지 방법 1. 정적 컨텐츠 👈 2. MVC와 템플릿 엔진 3. API 정적 컨텐츠 - 스프링 부트는 정적 컨텐츠 기능을 기본적으로 제공한다 https://docs.spring.io/spring-boot/docs/2.3.1.RELEASE/referen.. codesyun.tistory.com 2. MVC와 템플릿 엔진 가장 많이 사용하는 방법으로, HTML을 그냥 주는 것이 아니라 서버에서 프로그래밍하여 HTML을 동적으로 바꿔서 내려주는 것 대표적인 템플..

cmd 창에서 프로젝트를 build 해보고 실행까지 해보기 😎🙌 제 글은 모두 window 사용을 기준으로 합니다! 1. 프로젝트 폴더로 이동해서 cmd 창 열기 강사님은 맥을 쓰셨지만, 저는 윈도우에서 작업하기 때문에 파일 탐색기에서 폴더로 이동! 다음 사진처럼 주소창에 cmd + [enter] 치면 해당 위치에서 cmd 창이 열립니다 📌 참고 : 윈도우 cmd 명령어 리눅스 명령어만 사용해봤어서 이번에 찾아가면서 사용했네요 🙄 이번에 게시글에서 사용한 두 가지 명령어만 써두겠습니당 cd : 폴더 이동할 때 사용 (리눅스의 cd) dir : 현재 폴더의 파일, 폴더 목록을 보여준다 (리눅스의 ls) 2. build 다음 명령어로 build ! gradlew build 📌 build가 잘 안될 때에는 c..

지난 글에서 프로젝트를 실행했을 때, localhost를 통해 접속하면 다음과 같은 화면이 나왔었습니다! 프로젝트 내용이 아무것도 없기 때문에 위와 같은 에러가 떴죠?! 이렇게 localhost:8080으로 접속했을 때 뜨는 첫 페이지! welcome page를 만들어보도록 하겠습니다 🧨🧨🧨 > static Welcome Page 만들기 1. src > main > resources > static 에 index.html 파일 생성 2. 다음과 같은 내용 입력 Hello hello 3. 프로젝트 실행 후, localhost:8080 접속 입력한 HTML 파일의 내용대로 Welcome Page가 생성되었습니다 ✨ 저는 /hello에 만들어둔 페이지가 있어서 hello를 클릭하면 해당 페이지로 이동되네요 이..

강의를 들으면서 다음과 같이 External Libraries, Gradle 창을 직접 살펴보며 라이브러리를 살펴보았습니다! 라이브러리는 직접 사용해봐야 와닿기 때문에 있구나~하고 듣자고 하셨기 때문에 자세한 설명은 머리에만 남기고! 주요 라이브러리만 정리해두고 넘어가겠습니당 👊 🔎 라이브러리 살펴보기 Gradle / Maven은 의존관계가 있는 라이브러리를 함께 다운로드 합니다. 스프링 부트 라이브러리 > spring-boot-starter-web ˙ spring-boot-starter-tomcat : 톰캣 (웹서버) ˙ spring-webmvc : 스프링 웹 MVC > spring-boot-starter-thymeleaf : 타임리프 템플릿 엔진 (View) > spring-boot-starter(공..

Kevin Java 개발자 로드맵 강의를 보면서 [무료] Kevin의 알기 쉬운 Java 개발자 로드맵 이야기 - 인프런 | 강의 Kevin의 알기 쉬운 Java 개발자(웹 개발자) 로드맵 이야기, - 강의 소개 | 인프런... www.inflearn.com Java 웹 개발자로서 공부해야할 것들이 머리에 잘 들어온 것 같아 기억해두려고 정리하는 글입니다 🧐 JSP 모델 1 방식 - DB에서 조회한 Data를 View Page(HTML 조각코드)로 가공하여 응답으로 보낸다 JSP 모델 2 방식 - JSP는 View Page를 만드는 역할만을 분리하여 가지기 때문에 코드가 간단하고 깔끔하다 - Servlet에서 DB로 부터 얻은 Data를 JSP에 제공하고, View Page를 돌려받는다 AJAX Asyn..

이제 AWS EC2 인스턴스에 LAMP 웹서버를 설치하려고 합니다! AWS RDS와 연동하는 과정에서 MariaDB는 설치했기 때문에, 이번에는 Apache, PHP를 설치하겠습니다 🔥 > Apache 설치 0. SSH로 AWS EC2에 접속 1. 업데이트 모든 소프트웨어 페키지가 최신 상태인지 체크하고 설치를 진행합니다 다음 명령어로 업데이트를 실행합니다 sudo yum update -y 2. yum을 이용한 Apache 설치 sudo yum install httpd -y 3. Apache 시작 sudo systemctl start httpd 4. enable 설정 Apache 웹 서버가 시스템이 부팅할 때마다 시작되도록 합니다 sudo systemctl enable httpd 5. 보안 규칙 추가 H..

EC2와 RDS를 연결하고, PuTTY에서 RDS에 접속해보기까지! 진행하겠습니다 👊👊 > EC2와 RDS 연동하기 1. 연동할 EC2 정보 파악 VPC ID, 서브넷 ID, 보안 그룹 기억하기 2. DB 보안 그룹 생성 2-1. EC2 > 보안 그룹 > [보안 그룹 생성] 2-2. 이름 및 VPC 설정 아까 기억했던 EC2의 VPC와 동일한 VPC로 설정 2-3. 인바운드 규칙 추가 유형은 MYSQL/Aurora 소스는 아까 기억했던 보안 그룹 선택 2-4. 보안 그룹 생성 3. DB 수정 3-1. RDS > 데이터베이스 > 데이터베이스 선택 3-2. [수정] 3-3. 보안 그룹 설정 후, [계속] 3-4. 즉시 적용 선택 후 [DB 인스턴스 수정] > EC2로 RDS 원격 접속 1. EC2에 MySQ..