전체 글

전체 글

    왕초보

    보호되어 있는 글입니다.

    Pro 취득

    보호되어 있는 글입니다.

    7. Fetch API () 사용하기

    기본적인 요청은 아래와 같이 전달할수 있으며, data에는 서버로부터 전달받은 Response의 json Data가 포함 된다. fetch('http://HOSTDOMAIN/test_request') .then((response) => response.json()) .then((data) => console.log(data)); Spring boot server에서는 위 요청을 받았을 때, 아래와 같이 json 구조로 response 하게 되어 있다. @RequestMapping(value = "/test_request", method=RequestMethod.GET) public ResponseEntity test_request(){ Gson gson = new GsonBuilder().setPrett..

    2. Ubuntu에서 Mysql DB 새로운 계정 추가 및 권한 부여

    Root 계정으로 데이터 베이스 접속 $ mysql -u root -p 데이터 베이스 목록 조회 $ show databases; 데이터베이스 생성 $ create databases "데이터베이스 이름"; 사용자 계정 생성 $ create user '사용자 계정'@'%' identified by '비밀번호'; ex) create user 'mafa'@'%' identified by '1234'; -> @ 뒤에 있는 '%'는 사용자 계정을 허용하는 접속 IP 이다. 자기 자신을 뜻하는 localhost를 입력하면 mysql이 설치된 시스템에서만 접근이 가능. %라고 입력하면 다른 시스템에서 외부로 접근이 가능하다는 뜻. 생성한 계정으로 데이터 베이스 접속 $ mysql -u mafa -p -> 위 과정 이후..

    6. Spring Boot에 에러 페이지 설정하기

    Spring Boot로 서버를 구현한 경우, 없는 페이지에 접근했을때 기본적으로 아래와 같이 화이트라벨(Whitelabel) 오류 페이지를 볼 수 있다. 기본적으로 제공해주는 페이지를 그대로 써도 되지만 커스텀한 페이지를 제공하기 위한 방법을 가이드 한다. 기존과 같이 templates폴더에 404.html 파일을 위치시켜도 되지만, error page는 401, 404, 500등 다수의 에러페이지를 생성해야 하므로 아래와 같이 errors라는 폴더를 생성후 해당 경로로 404.html을 위치 시켰다. (마찬가지로 다른 401, 500 커스텀페이지를 해당 경로에 위치시키면 된다.) 이후 class를 하나 생성 후 implements ErrorController를 해주고 @RequestMapping을 통해..

    5. Spring Boot에 BootStrap 적용하기

    사용할 BootStrap 템플릿 다운받기 아래 URL에서 자신의 서버에 적용할 Spring Boot 템플릿을 다운로드 받자. URL : https://startbootstrap.com/themes 해당 글에서는 무료 템플릿인 https://startbootstrap.com/theme/sb-admin-2 를 다운로드 받음. zip 파일이 다운로드 되며 아무 장소에 압축을 풀어보자. css, img, js, scss, vendor 폴더와 각각의 html 파일들을 확인할 수 있다. css, img, js, scss, vendor 폴더를 Spring Boot 프로젝트가 위치한 폴더의 static 폴더로 복사하자. 보통 다른 가이드들을 보면 별도로 bootstrap 폴더를 생성후 넣어주는 글들이 있는데 그렇게 하..

    4. Spring Boot API 연동하기

    Spring boot의 경우 아래 이미지와 같이 @SpringBootApplication 어노테이션이 있는 Class를 메인으로 실행하며 이는 C, C++, Java 언어에서의 main 함수라고 생각하면 된다. 아래 이미지를 보면 함수 옆에 초록색 삼각형 모양이 있는데 해당 버튼을 클릭하여 서버를 구동할수도 있다. 현재는 기본 index.html에만 접근할수 있는 상황이니 추가로 api를 Mapping 해보자. 아래와 같이 아무 경로에 class를 생성하고 아래 annotation를 import 해주도록 하자. import org.springframework.web.bind.annotation.RestController; import org.springframework.web.bind.annotation..

    3. Spring Boot Project 생성 (Hello World)

    Spring Boot 프로젝트를 아래와 같이 생성해보자. IntelliJ New Project 생성 책이나 다수의 가이드를 보면 Spring Initializr 메뉴를 통해 쉽게 Spring boot project를 생성하는 방법에 대해 가이드 하고 있으나, 아래 New Project 항목을보면 Spring Initializr가 없는 것을 확인할 수 있다. 이유는 IntelliJ Ultimate의 경우 Spring Initializr를 설치 시 바로 지원하고 있으나, IntelliJ Community에서는 추가 작업이 필요한 상황이다. IntelliJ Community를 사용하는 경우 아래 Flow에 따라 Spring Initializr를 사용하면 된다. - URL : https://start.sprin..