javascript57 국비 지원 개발자 과정_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. 국비 지원 개발자 과정_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. 국비 지원 개발자 과정_Day82 count: msg: import { createStore } from "./redux.js" import { reducer } from "./reducer.js" // worker함수 import { decrease, increase, setToastFalse, setToastMsg } from "./actions.js" // 사용 - 함수 호출 -> store 생성하기 - 리액트에서는 index.js에서 할 일! // -> index.js에서 모든 전역 state를 관리하기위해 // app.js에 있는 코드가 리액트 컴포넌트에 써야하는 코드임(store부분은 index.js) // 문제제기 - app.js 하나에 모두 있을때는 파라미터에 reducer(구:worker)를 파라미터로 넘겨야 함 cons.. 2023. 3. 27. 이전 1 2 3 4 5 6 ··· 12 다음
