본문 바로가기

웹 개발

(97)
Java/vscode/MacOs) vscode에서 JAVA 개발 시 필요 없는 import 모듈 한번에 정리하는 단축키 맥에서 vscode로 JAVA 개발시, 필요 없는 모듈 한번에 정리하는 단축키 option + shift + o (알파벳)
Spring Boot) properties 파일로 변수 주입받아 사용하기 (profile 활용) 환경 SpringBoot + Gradle 개발 서버에서 사용해야할 변수와 운영, 테스트, 배포에 사용해야할 변수가 다를 경우, jar 파일을 생성할 때마다 특정 변수들을 집적 수정해야 하는 번거로움을 덜기 위해 profile을 등록하여 각 경우마다 주입받는 properties 파일을 다르게 설정하였다. 스프링부트 프로젝트를 시작하면 /home/tp/tp-platform/src/main/resources 이 경로에 application.properties 가 생성되어 있다. 이 파일에서 포트 넘버, db 관련 설정을 할 수 있고, 사용자 지정 변수도 만들 수 있다. application.proeperties example spring.profiles.active=dev server.port=8080 spr..
React) textarea에 있는 값 클립보드에 복사하는 기능 만들기 import React from 'react'; import FileCopyIcon from '@material-ui/icons/FileCopy'; import { Tooltip, IconButton } from '@material-ui/core'; export default function Example({ resultText }) { const handleClickCopy = (resultJson) => { if (!document.queryCommandSupported("copy")) { return alert("복사하기가 지원되지 않는 브라우저입니다."); } const textarea = document.createElement("textarea"); textarea.value = JSON.st..
React) React에서 jQuery $ 사용하기 1. jQuery 모듈 설치 $ npm install jquery --save 2. $ import 하기 import jQuery from "jquery"; window.$ = window.jQuery = jQuery; // or import $ from 'jquery' 이제 jquery를 임포트한 파일에서 $로 jquery 사용할 수 있다. 나의 경우 import $ from 'jquery' 를 추가해서 사용했다.
React) styled-component에 props 값 (변수) 사용하기 example import styled from "styled-components"; const StyledDiv = styled.div` width: ${props => `${props.xs * 24}px`} ; padding: ${props => props.padding || 0}; ... `; export default function Example({ children, xs, padding }) { return ( {children} ); } props 값을 styledDiv로 전달해서 사용하고 적용된 값이 없다면 || 두번째 값이 디폴트로 적용되는 것
SpringBoot) 파일 이름을 파라미터로 파일 다운 받는 GET url 만들기 @GetMapping(value = "editor/{fileName}") public void fileDownload(@PathVariable String fileName, HttpServletResponse response) throws IOException{ response.setContentType("application/octer-stream"); response.setHeader("Content-Transfer-Encoding", "binary;"); response.setHeader("Content-Disposition", "attachment; filename=\"" + fileName + "\""); try { OutputStream os = response.getOutputStream()..
/etc/hosts 로컬에서 ip 주소 호스트네임 등록해 두고 사용하기 터미널에서 $cat /etc/hosts 를 해보면 이런 파일이 보인다. ## # Host Database # # localhost is used to configure the loopback interface # when the system is booting. Do not change this entry. ## 127.0.0.1localhost 255.255.255.255broadcasthost ::1 localhost .. 이 파일에 호스트네임이 등록돼 있기 때문에 개발할 때 localhost라는 이름으로 127.0.0.1로 접근이 가능한 것! 그러니까 여기에 다른 ip 주소를 입력하고 옆에 호스트 이름을 등록해 두면 앞으로 그 호스트 이름으로 접근할 수 있다. 대신 /etc/hosts 이 파일을 가..
Spring Boot/Gradle) gradle build시 에러 발생/ FAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':test'. 로컬에서는 잘 실행되던 프로젝트가 우분투 서버에 올려두고 gradle build를 하려니 아래와 같이 fail 뜬다. 1 test completed, 1 failed FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':test'. > There were failing tests. See the report at: file:///home/tp/tp-platform/build/reports/tests/test/index.html * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to ge..