전체 글186 국비 지원 개발자 과정_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. 여행 예약 웹사이트_2주차(03/20~03/26) 1) 1주 차 돌아보기 및 2주 차 진행상황 이번주도 저번주와 같이 설계를 했다. 화면설계는 다른 사이트들의 ui를 사용하기로 결정해서 캡처와 편집을 통해 로고와 구성요소만 다르게 했고, DB는 다 같이 회의를 통해 설계 후 강사님께 조언을 받아 수정했다. 2.1) 프로젝트 기획 - 화면 설계 2.2) 프로젝트 기획 - DB 설계 3) 느낀 점 기획과 설계는 이번주까지 끝내고 각자 경매를 통해 역할분담을 했는데 난 커뮤니티쪽을 맡게 됐다. 만약 빨리 끝내면 어드민 페이지 쪽도 할 예정이다. 이제 본격적인 구현에 들어가는데 백은 재미있을 것 같지만 프론트쪽은 조금 걱정이다. 클론코딩한 틀을 가져와 수정한다해도 시간도 많이 걸리고 특히 css 쪽 작업이 조금 꺼려지긴 한다. 또 계획한 규모가 시간 내에 할 .. 2023. 3. 27. 국비 지원 개발자 과정_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. 이전 1 ··· 11 12 13 14 15 16 17 ··· 38 다음
