React32 국비 지원 개발자 과정_Day74 캡쳐링-부모에서 자식으로 버블링-자식에서 부모로 컴포넌트 설계 → 부모에서 자식으로 전해주는 건 가능하지만 반대는 안된다 렌더링 되는 경우 3가지 → state, props, 부모컴포넌트가 바뀔 때! import axios from "axios"; import React, { useEffect, useState } from "react"; import { useNavigate } from "react-router-dom"; import styled from "styled-components"; import HackerNewsList from "../hacker/HackerNewsList"; import Bottom from "../include/Bottom"; import Header from "../i.. 2023. 3. 15. 국비 지원 개발자 과정_Day73 import React, { useEffect, useState } from 'react' import { json, useParams } from 'react-router-dom' import { boardListDB } from '../../service/dbLogic' import { ContainerDiv, FormDiv, HeaderDiv } from '../styles/FormStyle' import BoardFileDetail from './BoardFileDetail' import BoardHeader from './BoardHeader' const BoardDetail = () => { const {bm_no} = useParams() console.log(bm_no) const[pboa.. 2023. 3. 14. 국비 지원 개발자 과정_Day72 React-front에 추가설치 yarn add react-quill yarn add quill-image-resize-module-react import React from "react"; import ReactDOM from "react-dom/client"; import "./index.css"; import App from "./App"; import { BrowserRouter } from "react-router-dom"; import AuthLogic from "./service/authLogic"; import firebaseApp from "./service/firebase"; import "react-quill/dist/quill.snow.css"; import "@fortawesome.. 2023. 3. 13. 국비 지원 개발자 과정_Day71 yarn은 npm(node package manager) → import, require할 수 있음, 설치하면 package.json에 들어감 npm i -d xxxx 혹은 yarn add xxxx같이 설치함(-d는 개발자모드) yarn start하면 서버기동(포트번호 3000) → 디폴트페이지 index.html을 찾음 → 이곳에 div있고 id값은 root → 이 div에 끼워넣기 → single page application(SPA)이면서 화면은 변해야 한다 → 이것을 가능하게 하는 것이 router API 브라우저가 DOM tree를 그려준다 → 상속구조(부모와 자손) → 부모에서 자손으로만 props전달 가능(전개 연산자, 구조분해할당 필요) → 상위에서 자손으로 넘길 때 spread 연산자(직.. 2023. 3. 10. 국비 지원 개발자 과정_Day65 pojo step1 void → ActionForward(페이지 이동과 관련) Action 인터페이스 설계 doGet, doPost → execute(req, res) pojo step2 - 좀 더 스프링스럽게 바꿔보기 ActionForward → String 1. “redirect: XXX.jsp” or “redirect:XXX.sp2”(입력, 수정, 삭제 후 결과 페이지 처리 목적) 2. “forward:XXX.jsp” 주의: XXX.sp2를 사용 불가(연속적으로 forward 사용 불가) 3. “업무폴더명/페이지이름” WEB-INF/view/업무폴더명/페이지이름.jsp pojo step3 - 최대한 스프링과 비슷하게 String → ModelAndView객체(scope가 request, 화면이름 정.. 2023. 3. 2. 이전 1 2 3 4 5 6 7 다음
