본문 바로가기
반응형

Dev. Yelee ˗ˋˏϟˎˊ˗99

[Spring Boot] Spring Web MVC 스프링 부트를 이용하여 MVC 패턴의 웹을 구축해보려 한다. What's MVC? Model View Controller 모델 - 뷰 - 컨트롤러의 약자로 Model은 데이터를 주고받는 통로 역할을 View는 실제 유저의 눈에 보이는 페이지를 Controller는 유저의 요청을 받고 응답을 담당한다 조금 더 얕지만 깊이 들어가 보자면 사용자가 특정 URL을 통해 데이터를 요청(request)하면 Controller는 이에 View를 응답(Response)하는데 이때, 컨트롤러는 사용자가 요청하는 데이터를 Model에 의뢰하고 가져온다. 패키지 및 클래스 생성 test라는 패키지 아래 controller, model, service 클래스를 생성했다 Model 모델에는 DTO/DAO/VO 등등이 있는데 일.. 2021. 6. 18.
[Spring Boot] 프로젝트 생성 후 localhost:8080 접속이 안될 때 2021.06.17 - [📍 Back-End/🜸 Spring] - [Spring Boot] 프로젝트 생성하기 [Spring Boot] 프로젝트 생성하기 IntelliJ를 사용하는 나로서는 IDE를 통해 쉽게 Spring boot 프로젝트를 생성할 수 있지만 누구나 쉽게 만들 수 있는 보편적인 방법에 대해서 서술하고자 한다 (이 방법만 익히면 이클립스든 인텔리제 yelee.tistory.com 이전 게시물에서 스프링 부트 프로젝트를 생성하여 System.out.println() 출력문을 통해 Hello World가 찍히는 것을 확인했다 스프링 부트는 Tomcat을 내장하고 있어 별다른 서버 설정 없이 localhost:8080 접속이 가능한데 접속을 해보면 두둥 아래와 같은 에러 페이지가 뜬다 😞 ❓ 원인.. 2021. 6. 17.
[Spring Boot] 프로젝트 생성하기 IntelliJ를 사용하는 나로서는 IDE를 통해 쉽게 Spring boot 프로젝트를 생성할 수 있지만 누구나 쉽게 만들 수 있는 보편적인 방법에 대해서 서술하고자 한다 (이 방법만 익히면 이클립스든 인텔리제이든 부트 프로젝트 생성이 쉽게 가능하다.. 아마도 😉) | Spring Boot 프로젝트 환경 구성 누구나 접근 가능한 Spring initializr를 통해 프로젝트를 환경을 구성할 예정이다 먼저, 아래 링크로 접속 - ! https://start.spring.io/ 각자 환경에 맞게 선택하면 된다 나의 경우 Java기반의 Gradle 프로젝트를 생성할 예정이다 필요한 dependency를 찾아서 추가하자 현재는 간단한 테스트만 해볼 예정으로 아래 세가지만 추가했다 이후에는 필요에 따라 depe.. 2021. 6. 17.
[CSS] 모바일 웹에서 높이(height) 100% 채우기 스크롤 없이 높이가 100% 꽉 차 있는 모바일 웹 제작 중 ! 일단 모바일 화면을 만들어야 되니 meta 태그를 추가 body에 height를 100vh로 지정하면 높이가 꽉 찬 view를 만들 수 있다 height : 100vh; 이렇게 간단하게 끝날 줄 알았는데... 실제 서버에 배포 후 휴대폰으로 확인해보니 스크롤이 있고 위아래로 아주 자유자재 잘 움직인다 🤣 내가 원한 건 스크롤 없이 높이가 100% 꽉 찬 view인데!!! ❓ 원인 웹 브라우저와 달리 모바일 브라우저에서는 최상단의 url 주소창과 최하단의 브라우저 버튼 까지를 view port로 인식한다. 그렇기 때문에 , 태그에 height : 100vh;를 지정할 경우 실제 콘텐츠를 나타내는 영역에 모바일 화면의 전체 사이즈의 높이로 계.. 2021. 6. 17.
반응형