본문 바로가기

javascript57

국비 지원 개발자 과정_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.
국비 지원 개발자 과정_Day78 리액트-카카오 인증 http://localhost:3000/auth/kakao/callback?code=코드값 router활용 → index.js {/* 리덕스 설정 - 단방향성 */} → App.jsx 스프링-카카오인증 http://localhost:8000/auth/kakao/callback MVC패턴 요청이 들어가는 곳과 응답이 나오는 곳이 분리되어 있다 DispatcherServlet 전달자역할, URL 요청에 따라 인터셉트 Controller @Controller, @RestController → 매칭역할 Model DataSet View Front-End ModelAndView(스프링 레거시의 경우)에 담은 데이터를 View를 통해 반영시킴 사용자에게 입력받은 값 전달-ajax, fetch, .. 2023. 3. 21.
국비 지원 개발자 과정_Day77 web.xml에서 TestController.java를 Servlet으로 등록하는 태그를 작성 TestServlet com.kh.test.controller.TestController 위에서 작성한 Servlet 클래스를 mapping하는 태그를 작성 TestServlet /test/test.do 기본 생성자와 파라미터 5개 생성자, 모든 필드에 대한 getter/setter를 작성 package com.kh.test.model; public class Test { private int seq = 0; private String writer = null; private String title = null; private String content = null; private String regdate =.. 2023. 3. 20.