본문 바로가기

💻Study

(40)

기본 타입과 표준 메소드 / 연산자 * 기본 타입과 표준 메소드 자바스크립트는 기본 타입(숫자, 문자열, 불린값)에 대해 각각 호출 가능한 표준 메소드를 정의하고 있다. 기본 타입이 메소드를 호출할 경우에는, 메소드 처리 순간에 객체로 변환된 후 표준 메소드를 호출한다. 메소드 호출이 끝나면 다시 기본값으로 돌아온다. 이러한 방식으로 기본 타입은 객체가 아님에도 각 타입별로 호출 가능한 표준 메소드들을 마치 객체처럼 호출할 수 있다. var num = 0.5; console.log(num.toExponential(1)); // 5.0e-1 console.log("stringtest".charAt(0)); // s * 연산자 1. + 연산자 더하기 연산, 문자열 연결 연산 두 가지 수행을 한다. 숫자+숫자일 경우 더하기 연산, 나머지 경우에..

배열 배열은 객체의 한 종류로서, C나 자바와는 다르게 길이를 지정하지 않아도 되며 데이터 타입에 자유롭다. * 배열 리터럴을 통한 배열 생성 var Arr = ['a', 'b', 'c', 1, true]; console.log(Arr[0]); // a console.log(Arr[7]); // undefined console.log(Arr.length); //5 console.log(Arr); 문자열, 넘버, boolean 값이 전부 있는 배열을 대괄호([])를 통해 새로 생성하였다. 배열은 인덱스로 접근할 수 있으며, 정의되지 않은 인덱스의 값을 출력하고자 하면 undefined이 출력된다. 객체에서 포함하지 않은 객체 프로퍼티에 접근했을 때 undefined가 출력되는 것과 동일한 상황인데, 배열 역시 ..

프로토타입 자바스크립트의 모든 객체는 자신의 부모 역할을 하는 객체와 연결되어 있고, 이것을 프로토타입 객체 또는 프로토타입이라고 부른다. 객체는 자신의 부모 객체의 프로퍼티를 자신의 것처럼 사용할 수 있다. (상속의 개념과 유사함) var obj = { name : 'hello', age : 30 } console.log(obj.toString()); console.dir(obj); obj 객체에 toString() 이라는 메소드가 없지만 에러가 발생하지 않는 이유는, obj 객체의 프로토타입에 toString()이 이미 정의되어 있기 때문이다. console.dir(obj)의 출력물을 보면 _proto_ 안에 toString이 정의되어 있음을 확인할 수 있다. 그 외에도 valueOf 등 기본 내장 메소드를 가..

POST 입력 - 파일 업로드 form 태그에서 인코딩 방식을 특별히 지정하지 않는다면 기본적으로 POST 방식으로 "uid=newlec&name=dragon"처럼 &로 구분된 "키=값"이 전송된다. url에 사용되는 쿼리스트링과 같은 형식이다. 문자열만 보낼 때는 이러한 방식으로 보내도 되지만 바이너리 값을 보낼 때 문제가 생기므로 클라이언트에서 인코딩 방식을 달리해야 한다. (=>multipart) multipart 방식을 사용하면 위 그림처럼 파트를 나누어서 전송하게 된다. (첫 번째 파트는 uid, 두 번째 파트는 name, 세 번째 파트는 file...) 클라이언트에서 값을 전송할 때의 기본 방식이 application/x-www-form-urlencoded 이라서 multipart 방식을 설정해야 하는 것처럼, 서버에서도 ..

POST 입력 (텍스트박스, 콤보박스, 체크박스, 라디오버튼) / 필터를 이용한 한글 인코딩 * admin을 위한 컨트롤러 추가 사용자의 입력을 처리하기 위해 새로운 컨트롤러를 추가한다. NoticeController.java (com.newlecture.web.controller.admin.board) @Controller("adminNoticeController") @RequestMapping("/admin/board/notice/") public class NoticeController { @RequestMapping("list") public String list() { return ""; } @RequestMapping("reg") @ResponseBody //입력값을 사용자에게 다시 보여주기만 하기 위해서 사용 public String reg() { return "reg"; } @Re..

입력의 종류 / QueryString 입력 지금까지는 스프링 MVC를 이용한 매핑, 출력을 알아보았다. 이제부터는 사용자 입력에 대해 알아보도록 하겠다. * QueryString 입력 컨트롤러에서 입력 도구인 HttpServletRequest를 얻어와서 getParameter 메소드를 이용해 값을 입력받을 수 있다. 하지만 이 방법은 이전에 사용했던 서블릿에서의 방법과 크게 다르지 않다. 스프링에서 프론트 컨트롤러는 조금 더 나은 방법 역시 제공한다. 입력 도구가 아닌 입력 값을 얻어오는 방법이다. 사용자가 "p=1" 이라는 옵션으로 요청을 보냈을 때 프론트 컨트롤러에서 요청을 받아 해당하는 컨트롤러에는 "1"이라는 값을 넘겨주게 된다. 그러면 컨트롤러는 "p"라는 변수로 값을 얻어와서 사용할 수 있다. * HttpServletRequest 사용..

데이터 형태 / JSON 출력하기 서버에서 객체를 반환하면 클라이언트에서 그 객체 값을 받을 수 있게 처리해야 하는데, 값을 받는 방법 중 하나가 바로 문자열로 받는 것이다. 데이터 형태는 xml, csv, json 등이 있다. csv는 쉼표를 기준으로 값을 구분하는 데이터이다. 예를 들어 서버에서 공지사항이라는 객체를 반환한다고 했을 때를 가정해보자. csv 타입은 구분자가 쉼표 뿐이므로 어떤 게 제목이고 내용인지 구분하기가 어렵다. csv의 한계를 보완하기 위해 사용했던 것이 xml이다. xml을 이용하면 데이터의 데이터, 즉 메타 데이터를 구분할 수 있기 때문에 데이터를 중첩해서 더 큰 그룹으로 묶을 수 있다. 하지만 데이터가 너무 비대해지고 성능이 안 좋다는 단점이 있다. 요즘에는 csv와 xml의 장점을 모두 가지고 있는 jso..

@RestController와 한글 출력 설정 * @RestController 컨트롤러 하나를 새로 생성한다. NoticeController.java package com.newlecture.web.controller.api; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RestController; //RESTFUL한 결과물을 반환하는 클래스 @RestController("apiNoticeController") @RequestMapping("/api/notice/") public class NoticeController { @RequestMapping("list") public String list(..

이전 1 2 3 4 5 다음

티스토리툴바