[jQuery] 태그 별 값 가져오는 방법
·
STUDY/jQuery
jQuery를 사용하여 값 가져오기 html 태그에 따라 값을 가져오는 방식이 다르다. 이번 포스팅은 jquery 메서드를 사용해 각 html 태그 별로 값을 가져오는 방법을 정리했다. 1. input 태그 text, password, email, number: val() 메서드를 사용합니다. const name = $("#name").val(); // "홍길동" radio: prop("checked") 메서드를 사용합니다. 남성 여성 const gender = $('input[name="gender"]:checked').val(); // "male" checkbox: prop("checked") 메서드를 사용합니다. 약관 동의 const agree = $("#agree").prop("checked");..
[JS] Blob, File, URL 다루기
·
STUDY/JavaScript
Blob, File, URL File, Blob, 그리고 URL은 웹 애플리케이션에서 파일과 데이터를 표현하고 다루는 데 사용되는 개념들이다. Blob Blob은 일련의 데이터를 나타내는 객체다. Blob은 Binary Large Object의 약자로, 텍스트나 이미지, 오디오, 비디오 등과 같은 다양한 종류의 데이터를 처리할 수 있다. File 객체는 Blob 객체의 하위 클래스로 볼 수 있다. File File은 사용자의 로컬 파일 시스템에서 선택한 파일을 나타내는 객체다. 일반적으로 파일 업로드나 파일 조작을 위해 사용된다. File 객체는 Blob 객체를 상속하며, 파일의 이름, 크기, 타입 등의 추가적인 정보를 가지고 있다. File Blob 설명 파일 데이터 컨테이너 및 추가 메타데이터 포함 ..
[Spring] Multipart 파일 업로드 총정리
·
STUDY/SpringLegacy
파일업로드 이해하기 웹에서는 이 클라이언트/서버 간 요청/응답을 HTTP 프로토콜로 진행한다. HTTP에서는 파일도 지원해준다. 파일업로드란 클라이언트가 요청에 파일을 포함하고 서버가 요청받은 파일을 처리하는 과정의 일환이다. 클라이언트 : "서버야, 나 Request보낼 때 파일도 포함시켜 보낼게. 이거 서버에 저장해줘" 서버 : "OK. 어디보자. Request에 파일 있군. 알았어 잘 처리했어." 의 과정이다 . 물론 위의 대화를 HTTP프로토콜에서 처리해야 되는데 이게 생각보다 어렵다. 우선 파일업로드를 위해선 다음의 3가지 규칙을 꼭 지켜줘야 한다. (파일을 선택해야되니까..) 태그 method는 POST (밑에서 설명) 태그 enctype=multipart/form-data (밑에서 설명) M..
[tomcat] Not allowed to load local resource 에러
·
STUDY/WEB
Not allowed to load local resource 프로젝트 외부에 존재하는 파일업로드의 경우 보안상의 이유로 이미지에 접근하지 못합니다. 즉 웹에서 로컬폴더로 접근이 불가합니다. 문제해결을 tomcat의 server.xml에 다음과같이 추가한 후 톰캣 서비스를 재시작하면됩니다. 파일 실제 저장경로가 D:\physical\path 라면 url로 들어갈때는 http://localhost:8080/logical 로 들어가면 됩니다. 물리적주소: D:\physical\path 논리적주소: http://localhost:8080/logical
[JAVA] e.printStackTrace to String
·
STUDY/JAVA
e.printStackTrace() 자바(Java) 프로그래밍에서 예외(Exception)가 발생했을 때 예외 정보를 출력하는 메서드입니다. 주로 디버깅이나 예외 추적을 위해 사용됩니다. 이 메서드는 예외가 발생한 위치부터 호출 스택(call stack)에 있는 모든 메서드들과 예외 정보를 출력합니다. 이를 통해 어떤 메서드에서 예외가 발생했는지, 그리고 호출된 메서드들 사이에서 어떤 경로를 따라 예외가 전파되었는지를 파악할 수 있습니다. e.printStackTrace() 메서드는 반환 값이 없으며, 단순히 예외 정보를 출력하는 기능을 수행합니다. 따라서 이 메서드의 결과 타입은 void입니다. 결과로 어떤 값을 반환하지 않습니다. 대신, 예외 정보가 표준 출력 또는 지정된 출력 스트림에 출력됩니다. ..
[Tomcat] 톰캣 로그 종류
·
STUDY/WEB
톰캣(Tomcat) 로그 종류 1. catalina.out Tomcat 기동 시 /bin/catalina.sh 에 의해 생성되는 로그 파일 콘솔에 표시되는 모든 것을 기록한다. 서버의기동,정지, 서비스의개시, 정지정보, standard output, standard error 2. catalina.yyyy-mm-dd.log 톰캣에서 생기는 로그만을 기록한다. 서버의기동,정지, 서비스의개시, 정지정보(tomcat 자체에관한) 단순히 catalina.out을 일별로 나누어놓은 파일이 아니다 3. host-manager.log Tomcat Host Manager Web app 로그 (가상호스트매니저) 4. manager.log Tomcat Manager Web App 로그 (웹콘솔) 5. localhost.l..
[Linux] log파일 볼 때 자주 사용하는 명령어 cat·head·tail·grep
·
STUDY/SERVER OS
cat cat 명령어는 로그 파일을 읽습니다 test 파일을 열어본다. $ cat test 각 행에 번호를 붙여서 출력한다. $ cat -b test 빈 행에도 번호를 붙인다. $ cat -n test 연속되는 2개 이상의 빈 행을 한 행으로 출력한다. $ cat -s test head head 명령어는 로그 파일의 처음 부분을 봅니다. 기본 : 앞부터 10행까지 출력한다. head test 20행까지 출력한다. head -n 20 test 200 byte 까지 출력한다. head -c 200 test tail tail 명령어는 로그 파일의 마지막 부분을 봅니다. 기본 : 마지막 10행 출력한다. tail test 마지막 20행 출력한다. tail -n 20 test 마지막 200byte 출력한다. ta..
[JS] nowDate() 한국 시간으로 표시하기
·
STUDY/JavaScript
현재시간을 한국 시간으로 표시하기 세계 각지에는 협정 세계시(UTC)를 기준으로 하여 그 국가나 지역에서 공통적으로 사용하는 표준시가 있습니다. 대한민국 표준시는 KST (Korea Standard Time) 라고 합니다. KST는 UTC(협정 세계시)보다 9시간 빠릅니다. 예를 들어 한국이 오전 9시일 때 영국은 오전 0시입니다. newDate()를 사용해서 가져온 현재날짜와 시간은 기본적으로 사용자의 PC에 설정된 표준 시간대를 기준으로 표시합니다. 즉 사용자의 위치에 따라 다른 결과를 반환하는 것입니다. 예를 들어, 한국에서 newDate() 함수를 실행하면 KST 기준의 시간 정보가 반환되고, 미국에서 실행하면 PST(Pacific Standard Time) 기준의 시간 정보가 반환됩니다. 그러므..