Front/JavaScript 27

[JavaScript] Object.assign() 사용방법

바로 드가보자 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign Object.assign() - JavaScript | MDN The Object.assign() method copies all enumerable own properties from one or more source objects to a target object. It returns the modified target object. developer.mozilla.org (자바스크립트 배우기 좋은 사이트) Method const target = { a: 1, b: 2 }; const source = { b: 4, c:..

Front/JavaScript 2022.12.05

[JavaScript] 자바스크립트 JSON.stringify()에 대한 설명

이 글을 적게된 이유는 컨트롤러 -> 자바스크립트로 데이터를 보내는 도중에 디버그 찍을 때마다 [Object, Object] 이렇게 나와서 무엇인 문제인가 찾다가 알게되었다. 콘솔로그에 [Object, Object] 찍히는 경우 첫번째 콘솔 로그 경우 data.LIST[0] 을 하면 연결 성공 : [Object, Object] 가 나타난다. 두번째 콘솔 로그 경우 JSON.stringify(data.LIST[i]); 해주면 원인 JSON.stringify 해야지 JSON 형태로 나오게 되는 이유는, 자바스크립트로 데이터가 넘어 올 때 이것을 JSON 형태로 다시 한번 감싸줘야 되기 때문이다. (오늘은 생각보다 중요한 이야기 하였다.) To be continue..

Front/JavaScript 2022.09.22

[Java Script] 자바스크립트 Null 과 Undefined의 차이

자바스크립트에 대해서 알아보자. ( name is undefined ) 당신: name은 무엇입니까? 자바스크립트: name? name이 무엇입니까? 무슨 말을 하는지 모르겠습니다 name에대한 언급을 받은적이 없습니다. ( name = null; ) 당신: name은 무엇입니까? 자바스크립트: name이라는 객체는 있지만, 아무 값도 들어가있지 않아서 모르겠습니다. ( name = false ) 당신: name은 무엇입니까? 자바스크립트: name 값은 틀렸을 때 입니다. ( name = ''; ) 당신: name은 무엇입니까? 자바스크립트: name은 빈 문자열 입니다. 참고 블로그: https://rateye.tistory.com/1829 null이 객체 인 이유는 무엇이며 null과 undefin..

Front/JavaScript 2022.09.05

[Java Script] 자바스크립트 Scope의 개념

크흠 , 스코프에 개념에 대해서 알아보자 개념 자바스크립트에선 스코프는 2가지 타입이 있다. 바로 global(전역)과 local(지역) 으로 나뉜다. 전역 스코프(Global Scope)는 말 그대로 전역에 선언되어있어 어느 곳에서든지 해당 변수에 접근할 수 있다는 의미이고 지역 스코프(Local Scope)는 해당 지역에서만 접근할 수 있어 지역을 벗어난 곳에선 접근할 수 없다는 의미입니다. 자바스크립트에서 함수를 선언하면 함수를 선언할 때마다 새로운 스코프를 생성하게 됩니다. 그러므로 함수 몸체에 선언한 변수는 해당 함수 몸체 안에서만 접근할 수 있는데요. tools.js / layers.js 두 파일이 있다고 가정해보자 다음 과같이 있다고 가정햇을 때 다음과 같이 let map = null; 이 ..

Front/JavaScript 2022.08.04

[Java Script] 자바스크립트 Ajax사용 및 컨트롤러

일단 나는.. 한 js파일에 하나의 Ajax를 넣는 형태로 넣고 있다. 근데 한 js 파일안에 여러개 Ajax가 가능 하지 않을까?. 이건 구글링 더해봐야 될것 같다. -> 한 .js안에 여러 Ajax 삽입이 가능함😁😁 (function () { "use strict"; const init = () => { $.ajax({ async : false, cache : false, type : "post", url : "/index/location/locationAjax", // controller에 내가 사용할 주소와 일치 / root-context 유의 // 먼저 데이터가 들어오는지 확인이 필요 (controller에서 syso 찍어보자) contentType : "application/json; char..

Front/JavaScript 2022.08.03

[Spring] JSP(JavaServer Page)를 쓰는 이유

나는 왜 JSP를 왜 써야되는지 잘 몰랐다. 근데 자바를 통해 DB를 연동하는 과정에서 Html, Css는 그냥 거둘뿐, 결국 JSP 파일에다가 프론트쪽 코드를 입력시켜줘야 한다는 사실을 알았을때, 지금 까지 내가 한것들에대해 의구심이 한꺼번에 해결되었다. 역시 이 분야는 파면 팔수록 무언가가 계속 나오는것 같다. ✨자바의 특징✨ 1.스크립트 언어이기 때문에 자바 기능을 그대로 사용할 수 있다. 2.Tomcat이 이미 만들어놓은 객체를 사용한다. 3.jsp 는 수정된 경우 재배포할 필요없이 tomcat이 알아서 처리해준다. 4.html코드 안에 java코드가 있기 때문에 html 코드를 작성하기 쉽다. 이러한 사실에 왜 자바스크립트를 왜 더 사용해야되는지에 대한 설명이 된다. To be continue..

Front/JavaScript 2022.03.07