전체 글
-
JavaScript - 문자,숫자,논리 형변환JavaScript 2022. 2. 20. 02:30
형변환 문자 형변환 숫자 형변환 논리 형변환 문자 형변환 - String() String() 함수를 이용하여 문자 형변환 숫자 형변환 - Number() 수학과 관련 된 함수와 표현식에서는 자동으로 변환 된다. Number() 함수를 이용하여 숫자 형변환 - 자동으로 공백을 제거해준다. - 공백 외의 문자 포함시 NaN - boolean 자료형 : ture → 1, false → 0 으로 숫자 형변환 - null 자료형 : null → 0 - undefined 자료형 : undefined → NaN 논리 형변환 논리 연산 수행 시 자동으로 변환 된다. - ex) if(null) → if(false) Boolean() 함수를 이용하여 논리 형변환 - 숫자 자료형 : 0 이외의 숫자 → true, 0 → f..
-
JavaScript - 데이터 입출력(console.log, alert, confirm, prompt)JavaScript 2022. 2. 20. 01:49
데이터 입출력 console.log alert confirm prompt console.log() 개발자 도구 콘솔 화면에 출력 주로 디버깅 시 사용 alert() 메시지가 출력된 창 띄우기 사용자가 확인 버튼을 누를 때까지 메시지를 보여주기 위해 사용 confirm() confirm()을 이용한 데이터 입력(boolean) "예/아니오"의 결과를 얻을 때 사용 확인 버튼 클릭 시 true, 취소 버튼 클릭 or ESC 키를 누를 시 false 리턴 prompt() prompt()을 이용한 데이터 입출력 텍스트 필드와 확인/취소 버튼이 있는 대화 상자 출력 입력한 메시지 내용을 리턴 취소 버튼 클릭 시 null 리턴 두 번째 인자로 default값 설정 가능(대화 상자가 나오면 default값이 들어가 ..
-
JavaScript - 변수, 자료형, 변수 범위(Variable Scope)JavaScript 2022. 2. 20. 00:42
변수, 자료형, 변수 범위(Variable Scope) 변수 - 변수 선언 - 변수 명명 규칙 자바스크립트의 자료형 - 원시 자료형 - 참조 자료형 변수 범위(Variable Scope) 변수 변수 선언 자바 변수 선언은 var, let, const를 사용할 수 있다. var - 이미 선언된 변수명으로 재선언 해도 오류가 나지 않는다 - 유연하게 사용할 수 있지만 코드량이 많아지면 어디에 어떻게 사용될지 파악하기 힘들다. var name = 'hi, script' console.log(name) // hi, script var name = 'hi, javascript' console.log(name) // hi, javascript let - var의 단점을 보완하기 위해 추가된 변수 선언 방식 - 이..
-
JavaScript - 자바스크립트(JavaScript)란?JavaScript 2022. 2. 19. 23:30
JavaScript란 자바스크립트(JavaScript)는 웹 브라우저에서 많이 사용하는 인터프리터 방식의 객체지향 프로그래밍 언어이다. - 인터프리터 : 한 줄 단위로 번역과 동시에 프로그램을 즉시 실행시키는 프로그램 자바스크립트는 ECMA스크립트 표준을 따르는 대표적인 웹 기술이다. - ECMA(European Computer Manufacturers Association) : 표준화 기구 HTML이 웹 문서의 뼈대 역할로 CSS가 그 뼈대를 꾸며주는 역할이라면 자바스크립트는 생동감을 불어넣기 위해 만들어진 프로그래밍 언어이다. 자바스크립트로 작성한 프로그램을 스크립트(script)라고 부르고, 스크립트는 웹 페이지의 HTML안에 작성 가능하며 웹페이지 로드 시 자동으로 실행된다. 브라우저에는 '자바스..
-
Spring MVC - 파일 업로드와 다운로드 구현해보기Spring/Spring MVC 2022. 2. 18. 15:56
파일 업로드와 다운로드 구현해보기 파일 업로드와 다운로드 구현 시 주의할 사항들이 있다. 직접 구현을 해보면서 주의 사항들을 살펴보자. 파일 업로드 업로드된 파일 뷰에서 보여주기 업로드된 파일 뷰에서 다운로드하기 파일 업로드 도메인 객체 생성 우선 데이터 베이스에 저장할 도메인 객체를 생성해준다. @Data public class Item { private Long id; private String itemName; private UploadFile attachFile; private List imageFiles; } 파일 관리 클래스 실제 파일명으로 서버 내부에 파일을 저장하면 안 된다. 그 이유는 기존에 서버에 저장되어있던 파일명으로 업로드 요청을 받게 되면 파일명이 같기 때문에 기존 파일명에 새로 ..
-
Spring MVC - Spring에서 제공하는 MultipartFile을 이용한 파일 업로드Spring/Spring MVC 2022. 2. 17. 22:19
Spring에서 제공하는 MultipartFile을 이용한 파일 업로드 파일 업로드는 Spring에서 제공하는 MultipartFile 인터페이스를 이용하면 Servlet으로 했던 것과는 비교할 수 없을 정도로 편리하게 이용할 수 있다. MultipartFile 인터페이스 getName() : 넘어온 파라미터 명 getOriginalFilename() : 업로드 파일명 getContentType : 파일의 ContentType isEmpty() : 업로드된 파일이 비어있는지 확인 getSize() : 파일의 바이트 사이즈 getBytes() : 바이트 배열로 저장된 파일의 내용 getInputStream() : 파일의 내용을 읽기 위한 InputStream 반환 transferTo() : 파일 저장 pu..
-
Spring MVC - Servlet의 파일 업로드Spring/Spring MVC 2022. 2. 17. 21:34
Servlet의 파일 업로드 HttpServletRequest를 이용하여 HTTP Form 멀티파트 전송 방식으로 넘어온 데이터를 어떻게 이용하는지 살펴보자. multipart/form-data 전송 방식의 HTTP 요청 메시지 로그 확인 Servlet을 이용한 파일 업로드 HTML Form 전송 방식 Form의 Content-Type은 다음과 같이 2가지 방식이 있다. application/x-www-form-urlencoded - 일반적인 form 전송 방식 - form 태그 내의 입력된 일반 데이터들을 쿼리 파라미터 형식으로 메시지 바디에 담아 전송 multipart/form-data - 첨부파일을 포함한 전송 방식 - form 태그 내의 입력된 일반 데이터 문자들과 바이너리(첨부파일)를 함께 전송..
-
Spring MVC - Formatter 구현 및 사용 ( Formatter와 FormattingConversionService )Spring/Spring MVC 2022. 2. 17. 11:48
스프링에 Formatter 적용하기 Formatter FormattingConversionService 스프링에 Formatter 등록하고 사용하기 스프링이 제공하는 기본 Formatter Formatter Formatter는 문자에 특화된 타입 변환 Converter의 특별한 버전이다. 객체와 문자, 문자와 객체의 타입 변환시 특정 포멧으로 Locale 정보에 따라 문자를 출력하거나 또는 그 반대의 역할을 하는 특화된 기능이 포함된 인터페이스이다. Converter는 타입 변환이 범용적으로 쓰이는 타입 변환기라고 볼 수 있으며 Formatter는 문자에 특화된 타입 변환기라고 볼 수 있다. ex) 날짜 객체 -> 2022-03-02 16:14:00 참고 @RequestParam, @ModelAttrib..