정훈's 프로그래밍

REST:REST는 자원을 관리하고 통신하기 위한 아키텍처 스타일이나 설계 철학입니다.이론적인 개념으로, 시스템 설계 원칙에 불과합니다.RESTful:REST의 원칙을 실질적으로 구현한 웹 서비스 또는 API를 의미합니다.즉, RESTful API는 REST 원칙을 준수하며, HTTP 프로토콜을 활용한 API입니다.차이점 비교구분RESTRESTful정의아키텍처 스타일 및 설계 원칙REST 원칙을 준수하여 구현된 웹 서비스/API구현 여부이론적인 개념실제로 구현된 기술 및 서비스예시HTTP 메서드, URL 설계, 무상태성 등 설계 철학JSON 기반 API, RESTful 엔드포인트, HTTP 메서드 활용목적시스템 설계의 방향성을 제공REST 원칙에 따라 설계된 API 제공

import { atom, selector } from 'recoil';import axios from 'axios';export interface Todo { id: number; title: string; completed: boolean;}// Atom for managing todosexport const todosState = atom({ key: 'todosState', default: [],});// Selector to fetch todos from serverexport const todosSelector = selector({ key: 'todosSelector', get: async () => { try { const response = await axios..

src/main/java/com/example/project│├── controller/ # 컨트롤러 계층: REST 엔드포인트 정의│ ├── HomeController.java│├── service/ # 서비스 계층: 비즈니스 로직│ ├── SampleService.java│├── dto/ # DTO 계층: 요청 및 응답 객체│ ├── ApiResponse.java # 공통 응답 객체 정의│├── config/ # 설정 관련 파일│ ├── WebConfig.java│├── advice/ # 전역 예외 및 응답 처리│ ├── GlobalResponseHandler.java ..

윈도우 크기 변화에 따라 메뉴 열기/닫기import { useEffect, useState } from "react";import AnteInterdum from "../widgets/anteInterdum/AnteInterdum";import CopyRight from "../widgets/copyRight/CopyRight";import GetInTouch from "../widgets/getInTouch/GetInTouch";import Menu from "../widgets/menu/Menu";import Search from "../widgets/search/Search";function Sidebar() { const [isMenuOpen, setIsMenuOpen] = useState(..

useState & Record(type script)를 활용한 상태 관리import { useState } from "react";function Menu() { const [toggleSubMenu, setToggleSubMenu] = useState>({}); const handleToggleSubMenu = (menuName: string) => { setToggleSubMenu((prevState) => ({ ...prevState, [menuName]: !prevState[menuName], })); } return ( Menu ..

Destructuring assignment(구조 분할 활당)let a, b, rest;[a, b] = [10, 20];console.log(a);// Expected output: 10console.log(b);// Expected output: 20[a, b, ...rest] = [10, 20, 30, 40, 50];console.log(rest);// Expected output: Array [30, 40, 50]

React UI라이브러리를 사용하기 위한 설정에 대해서 알아보자. node.js 설치https://nodejs.org/en Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.orgVisual Studio Code(vsCode) 설치https://code.visualstudio.com/ Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud ..

React와 Next.js는 둘 다 JavaScript로 작성된 웹 애플리케이션 개발을 위한 도구이지만, 목적과 사용 방식에서 차이가 있습니다. Next.js는 React 기반의 프레임워크이며, React의 한계를 보완해 웹 개발을 더 효율적이고 강력하게 만들어 줍니다.React란?React는 Facebook(현재 Meta)에서 개발한 UI 라이브러리로, 다음과 같은 특징을 가지고 있습니다.주요 특징:컴포넌트 기반 아키텍처UI를 작은 컴포넌트 단위로 나눠 재사용성과 유지보수성을 높임.단방향 데이터 흐름데이터를 부모에서 자식 컴포넌트로 전달하며, 데이터의 흐름이 명확함.가상 DOM(Virtual DOM)DOM 업데이트를 최소화해 성능을 최적화.SPA(Single Page Application) 지원페이지가..

addArgumentResolvers()컨트롤러 메서드의 파라미터(Handler Method Argument)를 커스터마이즈하는 방법을 제공합니다.public class JwtUserArgumentResolver implements HandlerMethodArgumentResolver { @Override public boolean supportsParameter(MethodParameter parameter) { return parameter.getParameterType().equals(User.class); } @Override public Object resolveArgument(MethodParameter parameter, ModelAndViewConta..

OncePerRequestFilterHTTP 요청당 한 번만 실행되는 필터를 작성할 수 있도록 도와줍니다. import org.springframework.security.core.context.SecurityContextHolder;import org.springframework.security.web.authentication.UsernamePasswordAuthenticationFilter;import org.springframework.web.filter.OncePerRequestFilter;import javax.servlet.FilterChain;import javax.servlet.ServletException;import javax.servlet.http.HttpServletRequest;..