정훈's 프로그래밍

awsEC2탄력적 IP  Ubuntu(우분투)// root 계정sudo su// Ubuntu 패키지 업데이트 및 적용apt-get updateapt-get upgraderm rm -rf mkdir mkdir -p / 기본 명령어lscdexitvim i q or q! wqapt-get updateapt-get upgradeapt-get install vim// root 권한sudo su   서버(Ubuntu)에 도커(Docker) 설치하기// apt가 HTTPS를 통해 저장소에서 패키지를 다운로드할 수 있도록 필요한 패키지들을 설치합니다.sudo apt-get install \ apt-transport-https \ ca-certificates \ curl \..

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..