[JavaScript] 자바스크립트 클래스형과 함수형
2022. 12. 6. 12:22
Front/JavaScript
내가 평소에 사용하는 방법은 함수형 방법이다. 클래스형이 있다는 소리를 듣고 이게 무슨소리인가 싶었다. 바로 들어가보자. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes Classes - JavaScript | MDN Classes are a template for creating objects. They encapsulate data with code to work on that data. Classes in JS are built on prototypes but also have some syntax and semantics that are not shared with ES5 class-like semantics. d..
[JavaScript] 자바스크립트 Click 이벤트 사용 방법
2022. 12. 5. 13:49
Front/JavaScript
아우 오른손 독수리 타법을 없애기위해서 지금 강제로 정타로 천천히 타이핑 하고 있는데 정말 아예 안배웠으면 모르겠는데 잘못된 방법으로 배워서 정말 불편하다 그래도 정식 타법으로 돌아가야지 뭔가 나중에도 좋을 것 같다는 생각이든다.. 그럼 바로 들어가보자 ! Method ES6 방법이 가장 많이 사용하는 방법이고 최신에 가까우니까 Javascript ES6 방법으로 글 을 적겠다. getElementById 는 input 절에 들어가는 id="change" 와 같습니다. 다음 을 실행하게 되고 실제 화면을 띄워서 해당 버튼을 클릭하게 되면? console.log("모디파이 작동 중"); 이 정상적으로 잘 작동하는것을 확인 할 수 있다.. 즉, 우리는 콘솔로그를 띄우기 위해서 addEventListner, ..
[JavaScript] Object.assign() 사용방법
2022. 12. 5. 10:33
Front/JavaScript
바로 드가보자 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:..
[JavaScript] 자바스크립트 JSON.stringify()에 대한 설명
2022. 9. 22. 09:50
Front/JavaScript
이 글을 적게된 이유는 컨트롤러 -> 자바스크립트로 데이터를 보내는 도중에 디버그 찍을 때마다 [Object, Object] 이렇게 나와서 무엇인 문제인가 찾다가 알게되었다. 콘솔로그에 [Object, Object] 찍히는 경우 첫번째 콘솔 로그 경우 data.LIST[0] 을 하면 연결 성공 : [Object, Object] 가 나타난다. 두번째 콘솔 로그 경우 JSON.stringify(data.LIST[i]); 해주면 원인 JSON.stringify 해야지 JSON 형태로 나오게 되는 이유는, 자바스크립트로 데이터가 넘어 올 때 이것을 JSON 형태로 다시 한번 감싸줘야 되기 때문이다. (오늘은 생각보다 중요한 이야기 하였다.) To be continue..
[Java Script] 자바스크립트 Null 과 Undefined의 차이
2022. 9. 5. 13:45
Front/JavaScript
자바스크립트에 대해서 알아보자. ( 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..
[Java Script] 자바스크립트 Scope의 개념
2022. 8. 4. 10:57
Front/JavaScript
크흠 , 스코프에 개념에 대해서 알아보자 개념 자바스크립트에선 스코프는 2가지 타입이 있다. 바로 global(전역)과 local(지역) 으로 나뉜다. 전역 스코프(Global Scope)는 말 그대로 전역에 선언되어있어 어느 곳에서든지 해당 변수에 접근할 수 있다는 의미이고 지역 스코프(Local Scope)는 해당 지역에서만 접근할 수 있어 지역을 벗어난 곳에선 접근할 수 없다는 의미입니다. 자바스크립트에서 함수를 선언하면 함수를 선언할 때마다 새로운 스코프를 생성하게 됩니다. 그러므로 함수 몸체에 선언한 변수는 해당 함수 몸체 안에서만 접근할 수 있는데요. tools.js / layers.js 두 파일이 있다고 가정해보자 다음 과같이 있다고 가정햇을 때 다음과 같이 let map = null; 이 ..