개발일지📝

◈ AJAX (Asynchronous JavaScript and XML) 란?AJAX는 여러 기술을 조합하여 비동기적으로 서버와 데이터를 주고받는 방법  ◈ Fetch API 란?Fetch API는 AJAX와 비슷한 기능을 제공하는 최신 웹 API로, 프로미스를 사용하여 비동기 요청을 더욱 간결하게 처리     타임리프로 만들어진 뷰 입니다. get방식 post방식 ex01 ex02

memoWrite메모 등록memoList메모 조회@Valid 유효성검사secret 에 ('y' / 'n') 으로 저장공개글/비밀글     ◈ MySQL 테이블 생성CREATE TABLE MEMO_TEST(MNO INT PRIMARY KEY AUTO_INCREMENT,MEMO VARCHAR(200) NOT NULL,PHONE VARCHAR(30),PW VARCHAR(4),SECRET CHAR(1) CHECK(SECRET IN ('y', 'n')));  ◈ Controllerpackage com.simple.basic.controller;import com.simple.basic.command.MemoVO;import com.simple.basic.memo.MemoService;import org.sprin..

◈  thymeleaf 타임리프Thymeleaf는 서버 사이드 Java 템플릿 엔진으로Spring Boot에서 자주 사용되는 뷰 템플릿 기술이다. jstl 과 비슷하다. 부트는 가능하면 jsp 를 피하고 thymel같은 view 템플릿 엔진을 사용하라고 권장한다. !! 프로젝트를 시작할 때, 기본적으로 화면 템플릿 엔진이 설정되어 있지 않기 때문에,웹 애플리케이션의 뷰(View) 처리를 위해 Thymeleaf와 같은 템플릿 엔진을 추가    ◈ 타임리프 시작하기1. 타임리프 의존성 추가하기implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'2. html 파일로 작성한다.3. 최상단에  xmlns:th 명시해준다. (명시해주는 편이..

◈ JS ES6 란?"ECMAScript 6"의 약자로, 공식적으로는 ECMAScript 2015로 불림ES6는 자바스크립트의 중요한 업데이트 중 하나로, 2015년에 발표됨많은 새로운 기능과 개선 사항을 도입함 😁 쉽게,  일종의 업데이트 버전이라고 생각하면 된다.!    ◈ let과 const💀 let 재할당 변수 재할당 가능중복선언중복 선언 불가능범위유효 범위는 {} 블록   💀 const 재할당 (상수) 재할당 불가능  객체나 배열은 내부 값 변경 가능 중복선언중복 선언 불가능범위유효 범위는 {} 블록  let, const 으로 선언된 변수는 호이스팅 된다. (선언 전에는 불가능, "일시적 사각지대(Temporal Dead Zone, TDZ)" 때문)호이스팅(Hoisting)은 자바스크립트에..

목차  1. xml 기반 설정`applicationContext.xml` 같은 설정파일에 Bean 을 설정하는 방법  `` : xml 설정의 최상위 요소, Bean 정의`` : 실제 Bean 을 정의하는 요소 id 는 Bean 이름 / class 는 Bean 구현 클래스`` : 객체를 주입하는 부분 , ref 속성은 다른 Bean 이름을 참조하여 주입   2. 어노테이션 방식 Spring 에서는 다양한 스테레오타입 어노테이션 을 사용하여 Bean 을 정의할 수 있다. !코드내에서 설정 처리를 하기 때문에, 설정이 간결하고 편리해진다. ☺️ * 스테레오타입 어노테이션 : Spring Framework에서 빈을 정의할 때 사용되는 특수한 종류의 어노테이션  @Comp..

//void형은 들어온 요청 경로가, 나가는 경로가 됩니다(화면경로) @RequestMapping("/req_ex01") public void ex01() { } @RequestMapping("/req_ex01") public String ex01() { return "request/req_ex01"; //화면경로 }   //@RequestMapping(value = "/basic", method = RequestMethod.GET) //get만 허용함 //@RequestMapping(value = "/basic", method = RequestMethod.POST) //post만 허용함 //@RequestMapping("/basic") //get, post 둘다 허용함 @Reques..

이름과 점수를 입력한 후  [점수 등록] 버튼을 누른다.      점수가 잘 등록되었다는 화면이 뜬다.     [목록페이지] 를 누르면 이렇게 등록되어있는 표가 뜨고    [점수등록] or [추가등록하기] 링크를 누르면 다시 등록 페이지로 이동한다.    데이터베이스에도 값이 잘 들어옴을 확인 가능하다!

1) Service interface / Service impl 만들기 💀Service interfacemapper 와 메서드명을 통일시켜준다 (일관성, 가독성)package com.simple.basic.service.score;import java.util.ArrayList;import com.simple.basic.command.ScoreVO;public interface ScoreService { public void regist(ScoreVO vo); //등록 public ArrayList getScore(); //조회 public void delete(int sno); //삭제}  💀Service implements@Service("x")에서 "x"는 이 서비스 빈의 이름을 지정하는 역할..