Web

오류 상황 오류 해결 방법 @GetMapping("/{email}") public MemberDto getEmail(@PathVariable String email) throws UnsupportedEncodingException { String decodeData = URLDecoder.decode(email, "UTF-8"); return memberReadService.getEmail(decodeData); } - URL은 ASCII 문자를 사용해 인터넷을 통해서만 전송한다. - URL로 받은 문자열을 URLDecoder 하여 UTF-8 로 변환한다.

Tomcat이 java를 제대로 인식하지 못해서 생긴 오류라고 함. 기존에 쓰던 객체를 변경 하는 도중에 상단에 import 한걸 몰라서 이걸 지우니깐 해결 되었다. 잘 보고 코딩하자~

프로퍼티 리스트 Function - new Function() : 인스턴스 생성 - Function() : 인스턴스 생성 Function 프로퍼티 - length : 함수의 파리미터 수 Function.prototype constructor : 생성자 call() : 함수 호출 apply() : 함수 호출 : 배열을 파라미터로 사용 toString() : 함수를 문자열로 반환 bind() : 새로운 오브젝트를 생성하고 함수 실행 - new Function() : 파라미터 2개 이상 작성 예) var obj = new Function("one" , "two" , "return one+ two;"); console.log(obj(100,200)); 실행 결과 ) 300 파라미터 하나 작성 예) var obj..

오브젝트 - 오브젝트 구분 - 빌트인 오브젝트 (Built - in Object) - 네이티브 오브젝트 (Native Object) - 호스트 오브젝트 (Host Object) 빌트인 오브젝트 - 사전에 만들어 놓은 오브젝트 - 빌트인 Number 오브젝트, 빌트인 String 오브젝트 등 ... 네이티브 오브젝트 - JS 스펙에서 정의한 오브젝트 - 빌트인 오브젝트도 여기에 포함 - JS 코드를 실행할 때 만드는 오브젝트 호스트 오브젝트 - JS는 호스트 환경에서 브라우저의 모든 요소 기술을 연결하고 융합하며 이를 제어 - 빌트인, 네이티브 오브젝트를 제외한 오브젝트 - 예) window, DOM 오브젝트 호스트 오브젝트 예) var node = document.querySelector("div"); ..

String 오브젝트 - ABC 처럼 문자 처리를 위한 오브젝트 - String 오브젝트에 문자처리를 위한 함수와 프로퍼티가 포함되어 있으며 함수를 호출하여 문자 처리를 하게 된다. 문자열 연결 방법 예) var book = "12" + "AB" + "가나"; console.log(book); var book = "12" + "AB" + "가나"; console.log(book); var concat = "abc \ 가나다라"; console.log(concat); 실행 결과 ) 12AB가나 12AB가나 abc 가나다라 설명) 1. 한줄에 작성하는 방법 2. 줄 분리해서 + 문자열 연결 3. 역슬래시(\)로 문자열 연결 프로퍼티 리스트 - new String() : 인스턴스 생성 String 함수 - S..

오브젝트 (Number) - 숫자(123) 처리를 위한 오브젝트 - 즉, Number 오브젝트에 숫자 처리를 위한 함수와 프로퍼티가 포함되어 있으며 함수를 호출하여 숫자 처리를 하게 된다. 프로퍼티 리스트 - new Number() : 인스턴스 생성 Number 함수 - Number() : 숫자 값으로 변환하여 반환 Number.prototype - constructor : 생성자 - toString() : 숫자 값을 문자열로 변환 - toLocaleString() : 숫자 값을 지역화 문자로 변환 - valueOf() : 프리미티브 값 반환 - toExponential() : 지수 표기로 변환 - toFixed() : 고정 소수점 표기로 변환 - toPrecision() : 고정 소수점 또는 지수 표기..

프로퍼티 (Property) - { name : value } 형태 - 오브젝트에 프로퍼티 추가,변경 - var obj - { }; - obj.abc = 123; - obj 오브젝트에 프로퍼티 이름으로 - abc가 없으면 abc:123이 추가되고 - abc가 있으면 프로퍼티 값이 123으로 변경된다. 점과 프로퍼티 이름 사용 예) var book = { }; book.title = "JS마스터"; console.log(book); 실행 결과 ) {title:JS마스터} 대괄호 사용 예) var book = { }; book["title"] = "JS마스터"; console.log(book); 실행 결과 ) {title:JS마스터} abc 변수 이름 작성 예) var book = {title:"JS마스터"..

함수 - 특정 기능을 처리하는 자바스크립트 코드 묶음 - 함수 첫문자에 숫자, &, *, @, + 사용불가 - 함수이름은 동사+명사 형태로 작성한다. - 함수는 호출되어야 실행한다. 함수의 형태 예) function book() { var title = "책"; }; 변수에 할당한 함수 예) var point = function(one, two) { var total = one + two; };

if - 조건문 - 형태 : if (표현식) 문장1 else 문장2 - 숫자 0, 빈 문자열"", null, undefined, NaN은 불린형으로 변환 시 모두 false가 된다 - else 뒤에 이어지는 코드 블록은 조건이 거짓일 때 실행 예) var year = 2022; if (year == 2022) { console.log( "정답입니다!" ); } 실행 결과 ) 정답입니다! switch - 조건문 - 형태 :switch(표현식) { case 표현식 : 문장; break; default : 문장; }; 예) let a = 2 + 2; switch (a) { case 3: console.log( '비교하려는 값보다 작습니다.' ); break; case 4: console.log( '비교하려는..

크롬 브라우저 96버전의 개발자 도구창에서 __proto__가 [[Prototype]]으로 표시된다. __proto__는 __proto__에 개발자가 프로퍼티를 연결할 수 있다고 생각할 수 있다. 반면, [[]]는 ECMAScript 스펙에서 엔진이 사용하는 것을 뜻한다. 따라서 [[Prototype]]으로 표시하는 것이 더 확실하다. __proto__를 [[Prototype]]으로 생각하면 된다. [[Prototype]]을 펼치면 안에 __proto__가 있지만, 이 또한 엔진에서 사용한다.

연산자 (Operator) - 연산의 사전적 의미 : 규칙에 따라 계산하여 값을 구함 - 연산자 Operator 형태 - + , - , * , / , % , - > , >= , true 반환 == 연산자 - 동등 연산자 숫자 타입으로 변환 예) console.log(1 == "1"); 실행 결과 ) true undefined 비교 예) var value; console.log(value == undefined); 실행 결과 ) true undefined , null 비교 예) var value; console.log(value == null); 실행 결과 ) true === 연산자 - 일치 연산자 타입이 다름 예) console.log(1 === "1"); 실행 결과 ) false undefined ,..

자바스크립트 숫자 타입의 값이 IEEE 754의 부동소수점 표현 형식 중 배정밀도 64비트 부동소수점 형식을 따르기 때문이다. C나 자바의 경우, 정수와 실수를 구분해서 int, long, float, double 등과 같은 타입으로 정수와 실수를 구분해서 사용하지만, 자바스크립트의 경우 모든 수를 실수로 처리하기 때문에 하나의 숫자 타입만 존재한다. 옛날에는 컴퓨터의 성능이 좋지 않았기 때문에 이렇게 숫자의 타입의 크기를 지정해서 메모리를 효율적으로 사용하기 위해 타입이 분류되었다. 하지만 점점 컴퓨터의 성능이 좋아지면서 타입에 대해 덜 신경 쓰게 되었다. 배정밀도 64비트 부동소수점 부호부분 자바스크립트의 숫자 표현은 배정밀도 64비트 부동소수점 형식을 따른다고 했다. 여기서 부동소수점의 부동은 뜰부..