본문 바로가기

프로그래밍/SpringBoot4

스프링부트를 이용한 웹서비스 제작 따라하기(3) - 프론트,테스트편 이 글은 jojoldu라는 개발자분이 만드신3) 스프링부트로 웹 서비스 출시하기 - 3. SpringBoot & Handlebars로 화면 만들기를 따라하면서 생긴 궁금점을 적는 일기장입니다! css 와 js의 삽입 위치HTML은 최상단에서부터 코드가 실행되기 때문에 head가 다 실행되고서 body가 실행된다.-> head가 다 불러지지 않으면 사용자 쪽에선 백지 화면만 노출1. CSS는 Head에 -> 화면을 그리는 역할을 하기 때문에 head에서 불러옴 2. js는 body 최하단에 -> 용량이 크면 클수록 실행이 늦어지기 때문에 body하단에 두어 화면이 다 그려진 뒤에 호출※bootstrap.js의 경우 jquery가 있어야하기 때문에 jquery.js밑에 호출하여야 함 js안에 function.. 2019. 2. 1.
스프링부트를 이용한 웹서비스 제작 따라하기(3) - 백엔드편 이 글은 jojoldu라는 개발자분이 만드신3) 스프링부트로 웹 서비스 출시하기 - 3. SpringBoot & Handlebars로 화면 만들기를 따라하면서 생긴 궁금점을 적는 일기장입니다! Handlebars(Handlebars.js)자바스크립트의 템플릿 엔진 중하나이며, Mustache(수염)를 기반으로 구현한 템플릿 인자 - {{ }} Bracket을 이용하여 data를 표현하는 것을 의미한다. 이를 이용하면 html 페이지에서 HTML + Bracket의 구성으로 디자이너와 개발자가 협업할 때도 디자이너에게도 이해하기 쉬운구조로써 협업을 하는데도 도움이 된다.1. 문법이 다른 템플릿엔진보다 간단하다.2. 로직 코드를 사용할 수 없어 View의 역할과 서버의 역할을 명확하게 제한할 수 있다.3, .. 2019. 1. 30.
스프링부트를 이용한 웹서비스 제작 따라하기(2) 이 글은 jojoldu라는 개발자님이 만드신2) 스프링부트로 웹서비스 출시하기 - 2. SpringBoot & JPA로 간단 API 만들기를 따라하면서 생긴 궁금점을 적는 일기장입니다! Spring(Spring MVC) vs SpringBoot1. Spring(1)스프링 프레임워크의 가장 중요한 특징은 의존성 주입(DI,Dependecy Injection)이다. 모든 스프링 모듈들의 핵심에는 의존성 주입이나 IOC(Inversion of Control)가 있다. (2)스프링 프레임워크의 가장 훌륭한 점은 이미 해결된 문제를 해결하려고 시도하지 않는다는 것이다. 스프링 프레임워크가 하는 모든 것은 훌륭한 솔루션을 제공하는 프레임워크들을 훌륭하게 통합해 주는 일이다. - Hibernate for ORM - .. 2019. 1. 29.
스프링부트를 이용한 웹서비스 제작 따라하기(1) 이 글은 jojoldu라는 개발자분께서 만드신1) 스프링부트로 웹 서비스 출시하기 - 1. SpringBoot & Gradle & Github 프로젝트 생성하기 를 따라하면서 궁금하거나 공부한 내용을 적는 일기입니다! 개발환경 - IDE : intellij IDEA Ultimate(학생 버전으로 사용) - Git Tools : Source Tree - OS : Windows 10 - SpringBoot 버전 확인해보기! - Java 8 - Gradle Gradle vs Maven1. 프로젝트 구성과 빌드는 근본적으로 "구성"이라는 정적인 요소와 "빌드"라는 동적인 요소의 집합이다. 이를 Maven은 정적인 데이터를 저장하는 XML로 만들어서 동적인 행위 정의를 매우 어렵게 만들었다. -> Maven의 가.. 2019. 1. 29.