[리액트]리액트 리덕스 구조 및 사용방법
2024. 3. 11. 21:35
몰아 넣기
폴더구조 src/redux/config/configStore.js 생성 import {createStore} from "redux"; import {combineReducers} from "redux"; const rootReducer = combineReducers({ // modules }); const store = createStore(rootReducer); export default store; src/redux/modules/counter.js 생성 const initialState = { number: 0 } const counter = (state = initialState, action) => { switch(action.type) { // type에 맞는 로직 생성 default: r..
[리액트] 앱생성 및 리액트 자주쓰는 패키지 정리.ver1
2024. 3. 11. 21:22
몰아 넣기
리액트 앱 생성 yarn create react-app [폴더명] 패키지 react-router-dom yarn add react-router-dom 리덕스, 리덕스툴킷 yarn add redux react-redux @reduxjs/toolkit Axios 설치 yarn add axios
[회고 : 24.02.11] 리액트 props 구조 분해 할당
2024. 2. 11. 12:11
회고록&간단정리
프론트 개발을 리액트로 해보고 싶어서 공부 중이다. 아직 시행착오가 많지만 언젠간 익숙해지지 않을까?! 구조 분해 할당이란? 기존 props 할당 -> 자식 컴포넌트에서 props를 받을 때 하나의 오브젝트로 받아 사용 function Todo(props){ return {props.todo} } 자바스크립트의 구조 분해 할당을 이용 function Todo({ title, body, isDone, id }){ return {title} } 회고 temp라는 오브젝트를 만들어 오브젝트로 넘기면 알아서 구조 분해가 되서 할당될 줄 알았는데 그건 나의 욕심이였나보다... import React from 'react' import Layout from 'Layout'; import Child from 'Chi..
[docker] 도커란? [1] : 기본개념
2024. 1. 31. 22:13
도커
도커란 도커란 어플리케이션을 패키징 할 수 있는 툴로 리눅스 컨테이너 기반으로 하는 오픈소스 가상화 플랫폼이다. Docker가 출시되고 단 몇 초 만에 새로운 운영체제를 생성하고 서비스를 배포할 수 있게 되고 어플리케이션을 구동하는데 필요한 이것 저것들을 설정하고 준비해야하는 번거로움이 줄어들어 개발자들이 실질적으로 사용할 수 있는 편리성의 위치까지 해당 기술의 눈높이를 낮추었다. 배경 VM (가상 머신) VM은 응용 프로그램 소프트웨어, 종속성 및 게스트 OS가 포함되어 즉 배포할 각 애플리케이션 스택마다 별도의 VM과 게스트 OS가 필요하고, 게스트 OS를 사용하기 위한 라이브러리, 커널 들을 전부 포함하기 때문에 가상 머신을 배포하기 위해 만든 이미지 또한 크기가 크다. 그리고 이것은 이러한 것들은..
[예제] Java PDF to JPG 및 pdf
2024. 1. 15. 22:28
몰아 넣기
처음에는 Aspose 라이브러리를 했지만 워터마크가 남아서.... 다른 라이브러리를 찾아보니 apache에 pdfbox가 있었다. 문서 : https://pdfbox.apache.org/2.0/migration.html 사용법 gradle 3.0 이상 버전도 존재하지만 예제들이 2.0버전대에 더 많기 때문에 2.0 버전대를 추천한다. implementation group: 'org.apache.pdfbox', name: 'pdfbox', version: '2.0.24' 간단한 예제 File file = new File("pdf파일 위치"); PDDocument document = PDDocument.load(file); //PDF 페이지 수 int pageCount = document.getNumberO..
[JAVA] JavaIo OutPutStream에 대해서
2024. 1. 11. 22:09
몰아 넣기
OutPutStream OutputStream은 외부로 데이터를 출력하는 역할을 수행한다. 바이트 기반 출력 스트림의 최상위 추상클래스이기 때문에 모든 바이트 기반 출력 스트림 클래스는 이 클래스를 상속 받아 기능을 재정의 한다. write시 바로 전송하지 않고 버퍼에 저장한다음 일정량의 데이터가 모이면 한번에 전달한다. Closable을 구현하고 있어 명시적으로 close 하거나 try-with-resource 사용 가능하다 - write : stream으로 데이터를 쓴다. - flush : 버퍼의 모든 데이터를 출력하고 비운다. - close : stream을 닫고 더 이상 쓰지 않는다. ByteArrayOutputStream byte array에 값을 쓸 수 있다. 메모리가 destination이 ..
[JAVA] JavaIO InputStream 에 대해서
2024. 1. 10. 21:59
몰아 넣기
Java IO 란? Java 1.0에서 처음 도입 파일과 네트워크에 데이터를 읽고 쓸 수 있는 API 제공 byte단위로 일고 쓸 수 있는 stream(InputStream과 OutputStream) blocking으로 동작 Java IO - InputStream Stream이란 Java 8에서 등장한 함수형 프로그래밍 방식의 반복자에 대한 내용이 아니며, 프로그램은 외부에서 데이터를 읽거나 외부로 데이터를 출력하는 작업이 빈번하게 일어난다. 이때 데이터는 어떠한 통로를 통해서 데이터가 이동되는데, 이 통로를 Stream 이라고 한다. 자바에서 기본적으로 제공하는 I/O 기능은 java.io 패키지에서 제공하며, java.io 패키지에서는 다양한 입출력 스트림 클래스를 제공한다 바이트 기반 스트림은 문자..
HttpServletRequest To MultipartFile
2024. 1. 8. 19:25
회고록&간단정리
ActiveX와 통신하는 개발이 있었다. ActiveX에 콜백 URL 를 주면 해당 URL에서 Resource 파일을 받아야하는데 HttpServletRequest 로 여러 파라미터와 리소스파일도 한번에 받아 리소스파일만 MultipartFile로 변환해서 사용하도록 로직을 구성했다. @PostMapping(value = "/api/callback") public ResponseEntity callback(HttpServletRequest request) throws IOException { orderProductService.callback(request); return ResponseEntity.ok("ok"); } MultipartHttpServletRequest multipartRequest = ..