테라시아의 웹개발일기

☆ Code ★ list.html Board List 글쓰기2 번호 제목 작성자 작성일 수정일 제목 내용 작성자  ★ BoardContriller.javapackage com.koreait.board.controller;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.w..

☆ Code  Board List 글쓰기2 번호 제목 작성자 작성일 수정일

☆ Code ★ BoardControllerimport org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.PostMapping;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.servlet.mvc.suppo..

☆ Code ★ BoardMapper.xml INSERT INTO TBL_BOARD(BNO, TITLE, CONTENT, WRITER) VALUES(NEXTVAL(SEQ_BOARD), #{title}, #{content}, #{writer}) SELECT NEXTVAL(SEQ_BOARD) FROM DUAL INSERT INTO TBL_BOARD(BNO, TITLE, CONTENT, WRITER) VALUES(#{bno}, #{title}, #{content}, #{writer}) 0 ]]> SELECT BNO, TITLE, CONTENT, WRITER, REGDATE, UPDATEDATE FROM TBL_BOARD WHERE BNO = #{bno} UPDAT..

☆ Code ★ BoardController.javaimport org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.PostMapping;import org.springframework.web.bind.annotation.RequestMapping;import com.koreait.board.bean.BoardVO;impor..

thymeleaf 예약어를 통해 HTML로 데이터 뿌리기 ☆ Code ★ BoardMapper.xml INSERT INTO TBL_BOARD(BNO, TITLE, CONTENT, WRITER) VALUES(NEXTVAL(SEQ_BOARD), #{title}, #{content}, #{writer}) SELECT NEXTVAL(SEQ_BOARD) FROM DUAL INSERT INTO TBL_BOARD(BNO, TITLE, CONTENT, WRITER) VALUES(#{bno}, #{title}, #{content}, #{writer}) 0 ]]> SELECT BNO, TITLE, CONTENT, WRITER, REGDATE, UPDATEDATE FROM TBL_BO..

Redux - 상태 관리 라이브러리이며, 리액트 뿐만 아니라 모든 JS코드에서 작동된다. - Flux 패턴을 기반으로 생성되었기 때문에 단방향으로 동작하여 흐름을 파악하기 쉽고 예측하기 쉽다. 1. 컴포넌트(Component) - Action이 발생한다. - 나중에 변경된 state를 반영하기 위하여 Store가 subscribe(구독)을 해놓는다. 2. 액션(Action) - 변화가 필요할 때 발생시키는 신호 - Dispatch() 감싸서 전달하면 Reducer가 받아서 해당 분기를 실행한다. - Action에는 Type(구분점)을 필수로 담고 데이터(파라미터)를 같이 담아서 들고간다. Payload라고 한다. - 이후 리듀서에 전달되기 전에 Store에서 state를 가져와 Action과 함께 리듀서..

Context api - 리액트에서 내장 API(16.2버전)중 하나로 Props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있도록 도와주는 API Props의 드릴링 - A.jsx ~ Z.jsx 까지 있다고 가정할 때 부모 컴포넌트 A부터 최하위 컴포넌트 Z까지 Props를 전달하는 과정을 Props의 드릴링이라고 한다. Context Api의 사용 - 변화가 없는 것, 즉 다크모드, 화이트 모드 등 값이 선언되어있는 상태로 변화가 없는 상태의 변수를 지정하는 경우에만 사용된다. - context는 변화를 시켜주는 api가 아니다. - 변화를 주면 안되지만 혹시나 변화가 생길 것을 대비하여 변화까지 생각해서 만들어 놓았다. - redux는 context와 변화(action)를 합쳐서 변..

☆ Code ★ register.html 마음대로 글을 쓰셔도 될까요? title : content : writer :  ★ BoardController.javaimport org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.PostMapping;import org.springframework.web.bind.annotation.RequestMapping;import c..

custom hook 패턴 구조 // 참조 [components] [utils] - arrayheler.js - parseheler.js [const] - key.js (상수, 문자열) [styles] - theme.js - globalStyle.js - common.js ... [pages] [Home] [Hooks] [Components] -home.js [routes] [hooks] ... etc ☆ Codeimport React from 'react';import S from '../style';const StyledComponent01 = () => { return ( 스타일된 컴포넌트입니다. ..