본문 바로가기

Spring41

국비 지원 개발자 과정_Day84 MyBatis 설정파일에서 오류가 발생하는 부분을 해결한 동적 SQL 문을 작성 choose, when, otherwise를 이용하여 and 구문이 적절하게 출력될 수 있도록 동적쿼리를 완성 SELECT BOARD_NO, BOARD_TITLE, USER_ID, COUNT, CREATE_DATE FROM BOARD B JOIN MEMBER ON(BOARD_WRITER=USER_NO) AND USER_ID like #{writer} AND BOARD_TITLE like #{title} AND BOARD_CONTENT like #{content} 'N' ORDER BY BOARD_NO DESC ]]> mybatis-config.xml의 environment 앨리먼트를 완성 mybatis-config.xml 파.. 2023. 3. 29.
국비 지원 개발자 과정_Day83 데이터 → 상태(변하는 것) → state.js에서 관리 → 변수({}, [{}]) Action - 시그널, 구분필요 → switch문 사용 → Action의 타입필요(Action.type) type과 payload Dispatcher - 허브, Store에 전달 → 경우의 수에 따라 Store에 payload가 전달됨 useDispatch(함수)훅 → 콜백함수(함수 안에 또 다른 함수) Store - payload → 꾸러미, 변수(객체, 배열객체 등), 여러 가지 타입이 있음(payload.변수) View - Store에서 처리된 것이 즉시 화면에 반영됨 function first(param) { console.log(param) // [Function] param() // 전달된 함수 호출 } fu.. 2023. 3. 28.
국비 지원 개발자 과정_Day81 회원제로 운영되는 서비스 - 여러 게시판 유형 (ex. QnA인데 양도, 매매 등으로 검색조건이 꼭 필요한 게시판, 리뷰게시판, 예매게시판 등) 게시판의 유형에 따라 첨부파일이 필요한 경우도 있고 필요 없는 경우도 있음 게시판 유형에따라 댓글 처리 테이블을 별도로 설계함 리뷰게시판 - 리뷰댓글테이블(ex. review_comment) QnA게시판 - QnA댓글테이블(ex. qna_comment) 예매게시판 - 예매댓글테이블(ex. reserve_comment) 첨부파일은 통합 테이블로 관리하기로 함 - mblog_file MEM_NO NUMBER(5) NOT NULL, 시퀀스--seq_member_no.nextval 자동채번-사용자가 입력하는 값이 아님 1)MEM_UID VARCHAR2(20 BYTE),.. 2023. 3. 25.
국비 지원 개발자 과정_Day80 import React from "react"; import ReactDOM from "react-dom/client"; import App from "./App"; import { BrowserRouter } from "react-router-dom"; import "bootstrap/dist/css/bootstrap.min.css"; import "@fortawesome/fontawesome-free/js/all.js"; import ImageUploader from "./service/imageUploader"; // 이미지 업로더 객체 생성 const imageUploader = new ImageUploader(); const root = ReactDOM.createRoot(document.get.. 2023. 3. 23.
국비 지원 개발자 과정_Day79 MVC의 한계 양방향 데이터 바인딩 → 복잡도증가 → 리덕스와 같이 단방향(One Way) 방식 사용 상태관리 → 쿠키와 세션 → 상태값 변했을때 화면반영 → 브라우저가 Render Tree 그려야 함(기존의 DOM Tree+css) → Render Engine에 따라 속도, 성능차이 새로운 데이터 관련 → useState, useEffect → 리렌더링(return 안의 것들이 다시그려짐) createStore → 예제로 만든 Store 컴포넌트 바깥쪽에 존재하는 저장소 상태를 관리해 줌 → 모든 상태 변경이 결정됨 let state를 가지고 있음 파라미터로 worker를 받음 increase를 받으면 카운트값 올림 worker(state, action) → 예제로 만든 Dispatcher Action.. 2023. 3. 22.