[JS] 문자 (String) (.slice, .replace, .match, .trim)
2022. 2. 25. 17:37
개발이야기/JS
String: "", '', `` 문자데이터 '스트링'을 끝짱내보자. 우선 , 스트링에대한 MDN문서를 살펴보면.... -> https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String String - JavaScript | MDN String 전역 객체는 문자열(문자의 나열)의 생성자입니다. developer.mozilla.org 페이지 접속 GOGO. 대문자 S로 시작하는 String 이 보인다. String 의 설명을 읽어보면 String 전역(자바스크립트의 전체에서 사용할수있는 객체라는 뜻) 객체는 문자열(문자데이터를 의미) 의 생성자라고 되어있다. 여기서 생성자라는것은 string객체 앞에다가 new라는 ..
[JS] 반복문과 배열 조합
2022. 2. 22. 04:30
개발이야기/JS
반복문과 배열 조합 -> 반복문을 응용하여 사용할때 가장 흔하게 사용되는 조합이다. (치킨과 맥주.. 육회와 소주... 느낌의 조합인가?) 아래 문제를 봐보자. 빈 배열 myArray에 100부터 110까지 요소를 추가하기 문법을 배우긴했지만 아직까지 문제만 봤을땐 어떻게 코드를 만들어야하는지 이해가 안갈때가 있다. 이럴땐 문제를 곱씹어보자. 1. 빈 배열 myArray가 있다 [] 2. 빈 배열 -> [100부터 ~ 110까지 요소 추가한다] 3. 빈 배열 -> [100, 101, 102, 103, 104, 105 ....] 무엇인가를 어떤 조건을 넣어서 반복적으로 처리해야하는것이니.. 반복문을 사용하면 아주 좋겠다 배열 추가 메소드 Array.push() Array.unshift() Array.spl..
[JS] this (일반함수와 화살표함수 차이점)
2022. 2. 17. 16:28
개발이야기/JS
일반함수의 this와 화살표함수에서 this는 다르게 정의된다. 어떻게 다른지 알아보자. 일반함수는 호출 위치에 따라 this 정의! 화살표함수는 자신이 선언된 함수 범위에서 this 정의! 예제1) const leo = { name: 'leo', normal: function () { console.log(this.name) }, arrow: () => { console.log(this.name) } } leo.normal() //leo leo.arrow() //undefined leo라는 변수안에 객체테이터가 할당되어 있다. 여기서 일반함수로 정의된 부분은 호출 위치에서 정의되는데 normal메소드에서 일반함수로 선언했을 때 여기서 사용한 this는 어떤 걸 지칭하는지 알 수가 없다. but 기본적으..
[JS] JS 클래스 (new, this, prototype)
2022. 2. 15. 07:29
개발이야기/JS
const seo0 = { firstName: 'seo0', lastName: 'yoon', getFullName: function () { return `${this.firstName} ${this.lastName}` } } console.log(seo0) 객체데이터가 있고, firstname, lastname은 속성(프로퍼티), 프로퍼티에 함수가 할당되어있으면 '메소드'라고 부르기로 약속했다. `${}` 백틱기호를 활용하여 데이터를 보관하려고 한다. 여기서, this라는 부분은 바로 우리가 위에서 지정했던 seo0으로 생각하면 된다. this = seo0 하지만 seo0은 변수에 할당했기때문에 언제든지 바뀔수있는 구조이고 이부분을 염두해둬야하기때문에 this라는것을 통해서 지칭한다. (this에 대한..
[JS] 콜백
2022. 2. 15. 06:11
개발이야기/JS
콜백 (callback) - 함수의 인수로 사용되는 함수 function timeout() { setTimeout(() => { console.log('내가 먼저 나올래') }, 3000) } timeout() console.log('끝') 코드를 실행해보면 (화살표함수로 작성하였다.) '내가 먼저 나올래' 부분보다 '끝' 라는 함수가 먼저 호출되는것을 볼 수 있다. 그럼 여기서 '내가 먼저 나올래'가 더 위에 나올 수 있게 하려면 어떻게 해야할까? 그때 콜백을 사용한다. function timeout(callback) { //'콜백'이란 매개변수를 정의했다. setTimeout(() => { console.log('내가 먼저 나올래') callback() //내가 실행을 보장하고 싶은 곳에 넣은 후 호..