개발 기록이

현재 페이지에서 이전에 방문한 페이지의 URL을 가져오는 방법에 대해 알아보자. 1. 첫 번째 페이지(http://localhost:8482/firstPage.do)에서 버튼을 통해 두 번째 페이지로 이동 2. 키보드 F12를 눌러 개발자도구 열기 - [Network 탭] - [Headers] 의 Referer에 이전 페이지(http://localhost:8482/firstPage.do) URL 값이 들어있는 걸 확인할 수 있다. 이 값을 자바스크립트로 가져오기 위해서는 아래와 같은 코드를 사용하면 된다.document.referrer 두번째 페이지에 다음과 같은 스크립트를 추가하여 알럿으로 확인해볼 수 있다.alert("이전 페이지 URL은 " + document.referrer + "입니다."); ..

Java로 난수를 생성하는 방법이 여럿 있는데 대표적인 3가지 방식을 정리해보려고 한다. 1. Math.random() 메서드 0.0 이상 1.0 미만의 난수가 생성된다. 그러나 Math.random()은 고정된 시드를 설정할 수 없어, 동일한 난수 시퀀스를 재현하기 어렵다는 단점이 있다. import java.util.*;class Main { public static void main(String[] args) { double num1 = Math.random(); int num2 = (int)(Math.random()*100); // 0 ~ 100 사이의 난수 생성 System.out.println(num1); System.out..

1. 클로저의 개념함수가 정의될 때의 렉시컬 환경을 기억하여 함수가 실행될 때 그 환경의 변수들에 접근할 수 있게 하는 특성. 간단한 예시 코드를 통해 하나씩 뜯어보자. 클로저에 대한 설명은 다음과 같다.외부 함수의 변수를 내부 함수에서 사용할 때 클로저가 생성.해당 변수의 값이 외부 함수 변수에서 선언한 값으로 초기화되지 않고도 사용 가능.클로저는 외부 함수의 스코프를 기억하고 있어서, 외부 함수가 종료된 이후에도 내부 함수에서 외부 함수의 변수에 접근할 수 있음. (예시 코드)const func = (function() { let cnt = 0; return function() { console.log(cnt++); };})();func(); // 0func(); ..

개발자 도구로 내가 현재 접속한 웹사이트의 포트 번호를 알 수 있다. 1. 포트번호를 확인하고자 하는 사이트에 접속(예시: 티스토리) 2. 키보드 F12를 눌러 개발자도구 열기 - [Network] 탭 - [Headers] - Remote Address 확인 1) 211.249.221.185 : 현재 접속한 웹사이트(티스토리)의 IP 주소2) 443 : 웹사이트가 사용하고 있는 포트 번호 대부분의 상용 웹사이트는 사용자 편의, 보안, 호환성을 위해 표준 포트인 80(HTTP)과 443(HTTPS)을 사용하며 비표준 포트는 주로 개발자 포트, 관리 페이지, 특정 서비스 목적 등의 용도로 사용된다고 한다. ex) 개발자 포트: http://localhost:8080관리 페이지: http://IP주소:8080..

URL에 태운 파라미터 값을 가져와서 자바스크립트 단에서 처리해야 할 일이 있었다. 로컬 환경에서 예시를 들자면, http://localhost:8080?userid=user001&name=kim 와 같이 userid와 name 2개의 파라미터를 넘겼을 때 각 파라미터의 값을 가져오는 방법에 대해 알아보자. 1. URL const urlParams = new URL(window.location.href).searchParams;console.log(urlParams.get('userid')); // user001console.log(urlParams.get('name')); // kim📌 window.location.href : 파라미터를 포함한 전체 URL 문자열을 반환한다. ex) http://lo..

자바를 사용하여 원하는 URL로 이동할 수 있는 QR 코드 이미지를 다운로드하는 방법에 대해 알아보자.@RequestMapping("/qrDownload.do")public void qrDownload(HttpServletResponse response) throws WriterException { try { //QR코드 이미지 생성 QRCodeWriter qrCodeWriter = new QRCodeWriter(); Map hintMap = new HashMap(); hintMap.put(EncodeHintType.CHARACTER_SET, "UTF-8"); BitMatrix bitMatrix = qrCodeWriter.encode("..

프로젝트 내에 있는 특정 파일을 다운로드하는 url을 만들어보려고 한다.(다운로드할 파일의 경로 : http://localhost:8080/resources/file/sample.pdf)@RequestMapping("/downloadFile.do")public void downloadFile(HttpServletResponse response) { String fileUrl = "http://localhost:8080/resources/file/sample.pdf"; try { Path tempFilePath = Files.createTempFile("sample", ".pdf"); URL url = new URL(fileUrl); Files.c..

1. File 클래스File 클래스는 파일 및 디렉토리를 생성하고 존재 여부를 확인하는 기능을 제공한다.File file = new File("test.txt"); 경로값으로는 상대경로/절대경로를 입력해 주면 된다.// 상대경로File relativePath = new File("test.png");// 절대경로Path absolutePath1 = Paths.get("D:\\test\\test.png"); // WindowsPath absolutePath2 = Paths.get("/home/user/test.png"); // Linux  대표적인 메서드를 살펴보자. 1) file.createNewFile() : 새로운 파일 생성- 이미 해당 경로에 파일이 존재하는 경우 false를 반환한다.File fi..

지난 포스팅에 이어서 업로드한 파일을 자바 서버단에서 처리하는 방법에 대해 알아보려고 한다.예전에는 주로 MultipartHttpServletRequest를 사용하여 멀티파트 요청을 처리했지만, Spring 3.1 이후부터는 MultipartFile이 도입되어 더 간편하고 효율적인 파일 업로드 처리를 할 수 있다고 한다. 각 방식을 통해 어떻게 파일을 저장하는지 알아보자!  📌 프론트단에서 파일 업로드하는 방법 확인하기 속성과 자바스크립트로 파일 정보 보내기" data-ke-align="alignCenter" data-og-description="파일 관련 기능 구현할 때 제대로 정리가 안 되는 것 같아서 클라이언트에서부터 서버에서 어떻게 file 값을 받고 처리하는지 정리를 해보려고 한다. 1. 속성..

Spring boot에서 @Controller, @RestController과 URL 리다이렉트 하는 방법에 대해 알아보자. 1. @Controller 란?사용자가 특정한 URL로 요청을 보내면, 이 요청을 받아들이고 처리하는 역할을 하는 클래스가 필요하다. 이 클래스에는 해당 요청을 처리하는 메서드가 정의되어 있는데 이 메서드는 요청을 처리한 후 사용자에게 응답을 보내는 역할을 한다. @Controller 어노테이션이 붙은 클래스가 이러한 역할을 수행하는데 즉, @Controller 어노테이션이 붙은 클래스는 웹 애플리케이션에서 사용자의 요청을 받아들이고 처리하는 역할을 담당한다. 예를 들어, www.example.com/springtest로 접속하면 @Controller가 붙은 클래스는 그 요청을 받..