Spring Boot lombok과 refactoring
2022. 11. 3. 09:54
Study/SpringBoot WebProject
롬복을 활용하여 기존 코드를 리팩토링 해보자 롬복이란? 코드를 간소화 시켜주는 라이브러리 (게터,세터,생성자등) 반복최소화 할수 있고 로깅(Slf4j)기능을 통해 pringln기능 개선, 리팩토링할수 있다 리팩토링이란? 코드의 구조 성능 개선 작업 로깅이란? 프로그램 수행과정을 기록으로 남긴다 SLF4J 동작과정 SLF4J은 간략히 아래와 같은 과정을 거쳐요. 개발할 때, SLF4J API를 사용하여 로깅 코드를 작성 배포할 때, 바인딩된 Logging Framework가 실제 로깅 코드를 수행 -롬복 설치 firstproject/build.gradle //롬복 추가 compileOnly 'org.projectlombok:lombok' annotationProcessor 'org.projectlombok..
Spring Boot DB테이블과 SQL
2022. 11. 3. 08:58
Study/SpringBoot WebProject
application.properties파일에 아래와 같은 문구 작성 # h2 DB, 웹 콘솔 접근 허용 spring.h2.console.enabled=true h2데이터 베이스 접속 http://localhost:8080/h2-consol 접속 화면의 URL에 파란 부분의 경로를 복사해서 옮겨적고 실행 -SELECT, 데이터 조회하기 테이블을 클릭하면 전체 Select 화면이 나오고 조회를 하면 아무것도 나오지 않는다 메모리 모드로 돌리고 있어 서버를 재시작할 경우 DB가 다 날라간다 다시 데이터를 넣고 확인하면 잘 저장이 된다 -INSERT, 데이터 생성하기 쿼리문작성 insert into article( id,title,content) values(4,'ccc','ccc'); 하게되면 잘 나온다
Spring Boot 데이터 생성 with JPA
2022. 11. 1. 17:36
Study/SpringBoot WebProject
데이터베이스는 데이터를 관리하는 창고 JPA : 자바언어를 DB가 이해할수있는 기능 DTO를 Etity로 변환하고 Repository를 통해 DB까지 저장해보자 ./controller/ArticleController ArticleController생성 package com.example.firstproject.controller; import com.example.firstproject.dto.ArticleForm; import com.example.firstproject.entity.Article; import com.example.firstproject.repository.ArticleRepository; import org.springframework.beans.factory.annotation.A..
Spring Boot 폼 데이터 주고받기
2022. 11. 1. 16:51
Study/SpringBoot WebProject
게시글 만들기 기초 폼데이터 주고 받기 -게시글 쓰기 1. 글작성 페이지 만들기 new.mustache {{>layouts/header}} 제목 내용 Submit {{>layouts/footer}} 2. 글작성 컨트롤러 만들기 ArticleController 생성 package com.example.firstproject.controller; import com.example.firstproject.dto.ArticleForm; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation...
Spring Boot 뷰 템플릿/ 레이아웃
2022. 11. 1. 16:26
Study/SpringBoot WebProject
레이아웃 나누기 header는 네비게이션 역할 footer는 인포메이션 역할을 한다. 지금까지 과정의 페이지에 레이아웃을 만들어보자 -헤더 레이아웃 Navbar Home Link Dropdown Action Another action Something else here Disabled Search -풋터 레이아웃 ⓒ CloudStudying | Privacy | Terms 만든다음에 greetings.mustache 와 goodbye.mustache 에 적용시켜보자 greetings.mustache {{>layouts/header}} {{username}}님, 반갑습니다. {{>layouts/footer}} goodbye.mustache {{>layouts/header}} {{nickname}}님 안녕히..
Spring Boot MVC역할과 흐름
2022. 11. 1. 15:38
Study/SpringBoot WebProject
client의 요청은 컨드롤러가 받는다 @GetMapping("/hi")라는 어노테이션을 통해서 받는다 리턴값이 보여줄 페이지(greetings)가 되고 그 페이지에서 사용한 변수는 모델에서 등록이 된다! - localhost:8080/bye를 입력 받았을때 출력하자 goodbye.mustache를 만들고 **doc누른 뒤 탭을 누르면 {{nickname}}님 안녕히 가세요 작성하고 Controller에서 bye에 대한 코드 작성 @GetMapping("/bye") public String seeYouNext(Model model){ model.addAttribute("nickname","동명"); return "goodbye"; } nick네임에 모델에 담고 동명이란 값을 넘겨주면 값이 잘 나오는 것을..
Spring Boot 기초 설치 및 기본화면 출력
2022. 11. 1. 15:21
Study/SpringBoot WebProject
개발환경 JDK : 자바 코드의 번역과 실행 IDE : 개발 생산성을 높이는 프로그램(이클립스,인텔리제이등) 프로젝트 : 실제 동작하는 코드 묶음 자바 버전 확인 CMD 창을 열어 java - version을 확인한다. 프로젝트 만들기 https://start.spring.io을 사용하여 생성한다 Generate를 누르면 프로젝트 파일이 다운로드 된다 압축을 푼 뒤 인텔리제이로 프로젝트를 연다. Static 폴더 안에 hello.html 파일 생성후 프로젝트 실행 크롬창에 localhost:8080/hello.html 실행 MVC패턴 만들기 View -화면 controller - 처리과정 model - 데이터 뷰페이지 만들기 템플릿 폴더 안에 greetings.mustache파일 생성후 {{usernam..
git 사용법
2022. 10. 31. 08:26
Study/git
- 저장소 만들기와 커밋하기 - cmd, git bash에 버전확인 git --version -git 디렉토리 만들기 mkdir test_git - 디렉토리 들어가기 cd test_git dir - 디렉토리 생성 git init -노트패드 생성 notepad hello.html -html작성 -다시 디렉토리 확인 - 상태 확인 git status - 새로운 파일 저장소에 추가 git add hello.html - 다시 상태를 확인하면 git status -상태 확정을 해야한다(email, 이름등록해야 커밋가능) 방법1) git commit --> 다른 화면이 나오는데 Add.hello.html을 하고 esc를 눌러 :wq를 친다음 엔터를 누르면 커밋이되고 빠져나온다 -파일 수정후 저장 - 다시 확인해보면..
JavaScript기초 4일차 <JQuery, Ajax>
2022. 10. 13. 17:16
Study/JavaScript
너무 졸려요.. 비동기 통신 사용자가 요청한 부분만 바뀌는 것 동기 통신 전체부분만 바뀌는것 영화정보 출력!
JavaScript기초 3일차 <함수, 선언방식, DOM>
2022. 10. 13. 14:16
Study/JavaScript
자바스크립트 p태그 데이터1 p태그 데이터2 - 이벤트를 부여해보자! 컨텐츠!! 인라인버튼 핸들러버튼 리스너버튼 익명함수버튼