Web/JS
-
[JS] ClosureWeb/JS 2022. 5. 12. 01:10
자바스크립트에서 함수의 유효범위는 그 함수를 어디에서 실행됐는냐가 아니라 어디서 정의됐느냐에 따라 달라진다. 자바스크립트는 static (lexical) scope(함수 선언은 한 번밖에 못하는데 이거를 static, 정적이라 칭함)를 채택한다. 클로저란 부모 함수 안에서 자식 함수를 선언하면 자식함수를 어디에서 호출하더라도 자식함수 안에서 부모함수의 변수에 접근할 수 있다는 것을 의미한다! 프리코드캠프 글에서 살펴본 예시를 가져왔다. 아래와 같은 함수가 있다고 해보자. let count = 1 function counter() { console.log(count) } counter() // print 1 함수의 큰 장점은 재사용성인데, 이 함수를 다양한 곳에서 재사용하고 싶기 때문에 아래와 같이 또 다..
-
[JS] Constructor FunctionWeb/JS 2022. 5. 6. 15:50
*freecodecamp 를 기반으로 작성하였다. Constructor Function 컨스트럭터(Constructor)는 새로운 객체를 만드는 함수이다. 이것은 새로운 객체에 속하는 프로퍼티나 기능을 정의한다. function Bird() { this.name = "Albert"; this.color = "blue"; this.numLegs = 2; } let bluebird = new Bird; 위의 컨스트럭터는 Bird라는 객체를 name, color, numLegs라는 프로퍼티들로 각각 정의하였다. 컨스트럭터는 다음과 같은 컨벤션을 따른다. 컨스트럭터는 컨스트럭터가 아닌 다른 함수와 구분하기 위해 함수 이름 첫 문자를 대문자로 정의한다. 컨스트럭터는 만들어질 객체의 프로퍼티를 세팅하기 위해 thi..
-
[JS] 정규표현식(Regular Expressions)Web/JS 2022. 2. 11. 11:51
정규식에서 쓰이는 메소드 1. exec 2. test 3. match 4. search 5. replace 6. split freecodecamp에서 배운 정규표현식 내용들을 정리하였다. 1. .test() 메소드 let testStr = "freeCodeCamp"; let testRegex = /Code/; testRegex.test(testStr); //true 2. operator | let petString = "James has a pet cat."; let petRegex = /dog|cat|bird|fish/; let result = petRegex.test(petString); //cat이 있기 때문에 true 3. Ignore Case While Matching let myString =..
-
[JS] 소수점을 버리고 자연수를 얻는 방법Web/JS 2022. 1. 17. 10:39
1. Math.round() : 반올림 2. Math.ceil() : 올림 3. Math.floor(): 내림 cf. Math.random() : 0~1 범위 내의 랜덤한 수 추출 사용 예시 Math.floor(Math.random()*10) Maht.ceil(Math.random()*10) //0~10 사이의 랜덤한 수 function randomRange(myMin, myMax) { return Math.floor(Math.random() * (myMax-myMin+1))+myMin; } //최솟값,최댓값 범위 내의 랜덤한 수