Front/JavaScript27 [JavaScript] 자바스크립트 subString 사용방법 호우 정식타건법으로 타이핑을 치려니까 빨라지는 것 같지도 않고 참... 진짜 자신과의 싸움이다... 나는 독수리타법을 교정 할 수 있다!!!!!! 자 그럼 subString 을 어떻게 사용하는지 바로 들어가보자 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/substring String.prototype.substring() - JavaScript | MDN The substring() method returns the part of the string from the start index up to and excluding the end index, or to the end of the str.. 2022. 12. 6. [JavaScript] 자바스크립트 스코프에 대한 개념 자바스크립트를 footer에 보통 선언해주어서 사용한다. 그런데 만약 자바스크립트를 여러개가 서로를 바라봐야 하는 상태라면 footer에 선언해줄 때 순서에 잘 맞게 선언해주어야 한다. 아니면 로직에서 순서가 꼬여 변수에 무엇이 들어가야되는지 모르게된다. 그럼 정상작동이 어려워 진다. Method 다음과 같은 순서가 뒤틀리게 되면 안된다는 의미이다. 만약 마지막에 와야할 순서가 제대로 된 자리에 오지 않게된다면 아래와 같은 문제가 나타나게된다. 다음을 F12를 눌럿을 때 보게되는 개발자도구이다. config 라는 객체를 현재 못찾고 있다 왜냐하면 config 파일에서 불러와야 되는데 불러오고 있지 못허고있기 때문이다. 자바스크립트 선언을 똑바로 해주니까 정상적으로 작동하게 된것을 확인해 볼 수 있다. T.. 2022. 12. 6. [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.. 2022. 12. 6. [JavaScript] 자바스크립트 Click 이벤트 사용 방법 아우 오른손 독수리 타법을 없애기위해서 지금 강제로 정타로 천천히 타이핑 하고 있는데 정말 아예 안배웠으면 모르겠는데 잘못된 방법으로 배워서 정말 불편하다 그래도 정식 타법으로 돌아가야지 뭔가 나중에도 좋을 것 같다는 생각이든다.. 그럼 바로 들어가보자 ! Method ES6 방법이 가장 많이 사용하는 방법이고 최신에 가까우니까 Javascript ES6 방법으로 글 을 적겠다. getElementById 는 input 절에 들어가는 id="change" 와 같습니다. 다음 을 실행하게 되고 실제 화면을 띄워서 해당 버튼을 클릭하게 되면? console.log("모디파이 작동 중"); 이 정상적으로 잘 작동하는것을 확인 할 수 있다.. 즉, 우리는 콘솔로그를 띄우기 위해서 addEventListner, .. 2022. 12. 5. [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:.. 2022. 12. 5. [JavaScript] 자바스크립트 JSON.stringify()에 대한 설명 이 글을 적게된 이유는 컨트롤러 -> 자바스크립트로 데이터를 보내는 도중에 디버그 찍을 때마다 [Object, Object] 이렇게 나와서 무엇인 문제인가 찾다가 알게되었다. 콘솔로그에 [Object, Object] 찍히는 경우 첫번째 콘솔 로그 경우 data.LIST[0] 을 하면 연결 성공 : [Object, Object] 가 나타난다. 두번째 콘솔 로그 경우 JSON.stringify(data.LIST[i]); 해주면 원인 JSON.stringify 해야지 JSON 형태로 나오게 되는 이유는, 자바스크립트로 데이터가 넘어 올 때 이것을 JSON 형태로 다시 한번 감싸줘야 되기 때문이다. (오늘은 생각보다 중요한 이야기 하였다.) To be continue.. 2022. 9. 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.. 2022. 9. 5. [Java Script] 자바스크립트 Scope의 개념 크흠 , 스코프에 개념에 대해서 알아보자 개념 자바스크립트에선 스코프는 2가지 타입이 있다. 바로 global(전역)과 local(지역) 으로 나뉜다. 전역 스코프(Global Scope)는 말 그대로 전역에 선언되어있어 어느 곳에서든지 해당 변수에 접근할 수 있다는 의미이고 지역 스코프(Local Scope)는 해당 지역에서만 접근할 수 있어 지역을 벗어난 곳에선 접근할 수 없다는 의미입니다. 자바스크립트에서 함수를 선언하면 함수를 선언할 때마다 새로운 스코프를 생성하게 됩니다. 그러므로 함수 몸체에 선언한 변수는 해당 함수 몸체 안에서만 접근할 수 있는데요. tools.js / layers.js 두 파일이 있다고 가정해보자 다음 과같이 있다고 가정햇을 때 다음과 같이 let map = null; 이 .. 2022. 8. 4. 이전 1 2 3 4 다음
