본문 바로가기

Spring41

국비 지원 개발자 과정_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.
국비 지원 개발자 과정_Day76 쿠키 생성하기 첫 번째 파라미터: 이름(Map의 key - 식별, 유일무이) 두 번째 파라미터: 값(문자열만 가능함) 생성했다고 해서 실제 로컬 PC에 내려가지 않음 Cookie c = new Cookie(”cmem_id”, “tomato”); // 쿠키 타임 설정이 가능함(ex. 장바구니 보관은 n일동안 유지) c.setMaxAge(60); // 단위는 초단위이다 // 쿠키의 적용 범위 c.setPath(); // 생략 가능 요청 http://localhost:9000/member/cindex.jsp upmu[0] = member upmu[1] = cindex.jsp 응답 void → doGet(req, res), doPost(req, res) String → “redirect:upmu[0] 업무명/u.. 2023. 3. 17.
국비 지원 개발자 과정_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.