Spring41 국비 지원 개발자 과정_Day89 dbLogic.js → qnaListDB → Back-end → spring boot 댓글형 게시판 - 여러 유형의 게시판 고려해 보기 id: notice, qna, tranfer qna_type 전체목록 - n건 - 댓글테이블 고려대상 아니다 상세 보기 - 1건 - 댓글처리 고민 - QNA_COMMENT(select, insert, delete) 상세보기 조회 시에는 추가적으로 qna_comment를 붙여서 조회해야 한다 KhQnaListPage - 부모 RepleBoardFileDetail - 자식 BlogHeader→ authLogic props로 필요 RepleBoardHeader → 수정, 삭제, 목록버튼 DetailPage → 상세정보 [{}] FileDetail → 첨부사진 리스트 댓글처리(.. 2023. 4. 5. 국비 지원 개발자 과정_Day88 FILE_NO 시퀀스 BOARD_TYPE - id:’qna’ id=’review’ id=’default’ FILE_PATH - fullPath FILE_NAME - man.png FILE_SIZE = 12.34mb MASTER_BNO - 현재는 필요 없음 QNA_BNO - qnaInsert 결정됨 - 이미지 업로드 시에는 반영되지 않음 파일 업로드시에 insert문 처리하고 글쓰기 저장 시에 update문으로 처리한다 imageUpload - pds에 이미지 업로드 - 컨트롤러에만 있음 - 로직과 DAO에는 없다(메소드 선언이 안되어있다) fileUpload - 파일 업로드 imageGet - 이미지 불러오기 - QuillEditor 언제 이미지 insert처리를 해야 할까? → 이미지 업로드할 때! 어.. 2023. 4. 4. 국비 지원 개발자 과정_Day87 스프링부트와 리액트 연동하기 Front-end(부트스트랩, vue.js, react.js)와 Back-end(spring) 섞어 쓰기 JSP와 리액트의 공통점 화면과 모델계층 사이에서 이어주는 역할(전달자) JSP → @Controller사용 → 페이지 이동처리 - 뷰솔루션 사용 시에는 필요 없는 부분 리액트 → @RestController - plain/test, 문자열 - 화면출력x(sendRedirect, forward대상이 아니다), 페이지이동은 없다 useNavigate() 훅을 사용하여 화면 전환을 한다 하나의 브라우저 세션[JSessionID - 쿠키에 저장 - 문자열]에서 처리된다 매개변수 - 객체주입 - 스프링 컨테이너 제공 Model, ModelMap - 뷰계층 → @Controller.. 2023. 4. 3. 국비 지원 개발자 과정_Day86 RepleBoardPage.jsx 글쓰기버튼 → 라우트 /reple/boardwrite → RepleBoardWriteForm에 연결됨 RepleBoardWriteForm - files[] QuillEditor → 이벤트 여기서 일어나는데 WriteForm에 있는 files[]에 담음(버블링) - 핵심 키워드 props(얕은 복사, 원본이 넘어오는 것이기에 거기에 담아준다) RepleBoardFileInsert - props 가져야 함 - files[] → map으로 꺼내서 처리해 줌 버블링 자식으로부터 부모로 올라가는 것 한 요소에 이벤트가 발생하면 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작하고 최상단의 부모 요소를 만날 때까지 반복되면서 핸들러가 동작하는 현상 캡쳐링 부모.. 2023. 3. 31. 국비 지원 개발자 과정_Day85 localhost:3000/login → LoginPage.jsx 로그인처리 1. 이메일과 비밀번호로 인증하기 2. 구글 계정으로 인증하기 오라클 서버에 member230324에서 찾음 구글계정으로 발급된 useId가 있는 회원정보가 있는지 체크하기 반환값은 정보가 있으면 List - 회원가입 필요 없음 → sessionStorage에 저장(서비스에 이용하는데 유지해야 할 정보) 없으면 0 - 회원가입 필요 mem_auth: 1) member, 2) teacher mem_status: 1) 0-비회원 2) 1-회원 import { Route, Routes, useNavigate } from 'react-router-dom'; import LoginPage from './components/auth/Log.. 2023. 3. 30. 이전 1 2 3 4 5 6 7 8 9 다음
