반응형 전체 글61 [JavaScript] DateUtils 만들기 그냥 한번 짜놓으면은 편한 나만의 공통 DateUtil을 만들어 보았다 . 소스를 첨부하겠다. export const formatDate = (date: Date): string => { return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, "0")}-${date .getDate() .toString() .padStart(2, "0")}`;};const getDateAgo = (days: number): string => { const date = new Date(); date.setDate(date.getDate() - days); return formatDate(date);};const getW.. 2025. 4. 22. [JAVA] 파일 다운로드 API 간단하게 구현 + Front End 다운로드 기능 까지. Contoller에서 파일 삭제를 간단하게 구현해봤다. 아주쉽다. SpringBoot + Swagger(테스트) 우선은 file-upload-dir 이라고 Application.yml에 선언을 해줬따 . 경로를 지정해주는 것이다#파일 저장 위치file.upload-dir=C:/upload/ 이후 컨트롤러에서 @Value 를 선언해줬다.@Value("${file.upload-dir}")private String uploadDir; @Operation(summary = "파일 다운로드 API", description = "파일 다운로드")@GetMapping("/downloadFile/{fileName:.+}")public ResponseEntity downloadByPath(@PathVariable St.. 2025. 4. 21. [JAVA] 파일 삭제 간단하게 구현 Contoller에서 파일 삭제를 간단하게 구현해봤다. 아주쉽다. SpringBoot + Swagger(테스트) 우선은 file-upload-dir 이라고 Application.yml에 선언을 해줬따 . 경로를 지정해주는 것이다#파일 저장 위치file.upload-dir=C:/upload/이후 컨트롤러에서 @Value 를 선언해줬다.@Value("${file.upload-dir}")private String uploadDir; @Operation(summary = "파일 삭제 API", description = "파일 삭제")@PostMapping("/deleteFile")public ResponseEntity deleteFile(@RequestBody Map param) { String file.. 2025. 4. 21. [JAVA] 파일 업로드 간단하게 구현 Controller에서 Excel Upload를 간단하게 구현해보았다. 아주쉽다. SpringBoot + Swagger(테스트) 우선은 file-upload-dir 이라고 Application.yml에 선언을 해줬따 . 경로를 지정해주는 것이다. #파일 저장 위치file.upload-dir=C:/upload/ 이후 컨트롤러에서 @Value 를 선언해줬다.@Value("${file.upload-dir}")private String uploadDir; @Operation(summary = "파일 업로드 API", description = "파일 업로드")@PostMapping(value = "/uploadFile", consumes = MediaType.MULTIPART_FORM_DATA_VALUE).. 2025. 4. 21. [JavaScript] Excel 다운로드 기능 라이브러리를 사용하여 엑셀다운로드를 하는 간단한 방법이다 .1. 우선 터미널을 연 이후 yarn add xlsx file-saver # 또는 npm install xlsx file-saver 2.이후 Import를 해준다. 3.코드 작성import * as XLSX from "xlsx";import { saveAs } from "file-saver";const handleExcelDownload = () => { // 1. 다운로드할 데이터 예시 (JSON 배열) const data = [ { 이름: "홍길동", 부서: "영업팀", 나이: 29 }, { 이름: "김철수", 부서: "개발팀", 나이: 32 }, { 이름: "이영희", 부서: "인사팀", 나이: 27 }, ]; // .. 2025. 4. 21. [React] React Hooks이란 ? 1. 훅(Hooks)란 무엇일까?React에서 훅(Hooks)은 함수형 컴포넌트에서 React의 기능(상태 관리, 생명 주기 관리 등)을 사용할 수 있게 해주는 도구입니다.원래는 클래스형 컴포넌트에서만 상태를 다루거나 생명 주기를 관리할 수 있었는데, 훅 덕분에 함수형 컴포넌트에서도 이런 기능을 사용할 수 있게 되었습니다.훅의 장점더 간결한 코드 작성 가능.재사용성과 가독성 향상.클래스 없이 상태나 생명 주기 같은 React 기능을 사용 가능. 2. 자주 사용하는 기본 훅들React에서 제공하는 몇 가지 기본 훅이 있습니다. 2.1. useState컴포넌트에서 상태를 관리하기 위한 훅입니다.상태(state)는 UI가 기억해야 할 값이라고 생각하면 됍니다.예를 들어, 버튼을 클릭했을 때 숫자를 증가시키고 .. 2024. 11. 27. 이전 1 2 3 4 ··· 11 다음 반응형
