JavaScript 16

JavaScript(JS) - 호이스팅과 var, let, const

호이스팅(Hoisting)의 개념 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것을 말한다. 따라서 변수를 정의하는 코드보다 사용하는 코드가 앞서 등장할 수 있다. 다만 선언과 초기화를 함께 수행하는 경우, 선언 코드까지 실행해야 변수가 초기화된 상태가 됨을 주의해야 한다. 재할당이 필요없는 경우, const를 사용해 불필요한 변수의 재사용을 방지하고, 재할당이 필요한 경우 let을 사용하는 것이 좋다. 1) function catName(name) { console.log("제 고양이의 이름은 " + name + "입니다"); } catName("호랑이"); 일반적으로 선언 2) catName("클로이"); 먼저 선언했지만 가능 function catName(nam..

JavaScript 2023.03.20

ECMAScript 2022 특징

1. 클래스 필드 - 속성/메소드 앞에 '#'을 붙이면 private filed가 된다. - static 메소드를 가질 수 있다. 2. in 을 사용한 프라이빗 필드 체크 3. 정규식 플래그 d 4. await 호출하기 - async함수가 없어도 await를 사용할 수 있게 됨 5. .at() 매서드 추가 - at()안의 숫자로도 접근할 수 있게 됨 - 마이너스로 뒤에서부터 요소를 조회할 수 있음 6. Object.hasOwn() 추가 - 기존 오브젝트뿐만 아니라 다른 프로퍼티에서도 사용가능 7. Error.prototype.cause - 에러의 더 상세한 원인을 기술할 수 있음 자세한 특징 설명은 아래 참조 https://yozm.wishket.com/magazine/detail/1570/

JavaScript 2023.02.24

JavaScript(JS) - 프로그래머스 문제풀기 (feat.배열,김선생)

​ 문제1 : arr = [1, 1, 3, 3, 0, 1, 1] 이면 [1, 3, 0, 1] 을 return => 중복을 찾지만 순서를 유지해야된다. (기존 중복제거 함수들 사용불가, 사용하면 [1,3,0] return) ​ 해결: 포문으로 돌려서 계속해서 데이터를 저장하고 비교하는 방식으로 풀어봄 => ​ let result = []; let check = ""; for (let i=0; i 인덱스값을 추출 ​ 해결: findIndex 배열 함수를 사..

JavaScript 2023.02.20

JavaScript(JS) - window.open(); url 짤림 현상

페이지이동시에 보통 window.location.href 를 마니 사용한다 윈도우를 사용해서 기존의 창을 냅두고 새창을 띄울때는 window.open(관련 url);을 사용한다. 하지만 이번에 작업하면서 뒤에 파라메터가 끊기면서 제대로 작동이 안되었다. 찾아보니깐 단순이 url 복사 말고 이런식으로 해주니 제대로 들어갔다. window.open(path, '_blank', 'noreferrer'); ​ 다음부터는 헤메지고 말고 이런식으로 작성해보자.

JavaScript 2023.02.15

JavaScript(JS) - Math

Math - 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math Math - JavaScript | MDN 위에 사이트에서 다양한 형태를 볼수있지만 최근에 내가 썻던거 위주로 정리해보았다. 1) Math.abs( X ) - X 값을 절대값 (양수)으로 반환한다. => 2) Math.celi( ) - 주어진 숫자보다 크거나 같은 숫자 중 가장 작은 숫자를 integer 로 반환한다. => 3) Math.round( ) - 함수는 입력값을 반올림한 수와 가장 가까운 정수 값을 반환한다. => 4) Math.trunc( ) - 주어진 값의 소수부분을 제거..

JavaScript 2023.02.15

JavaScript(JS) - list filtering 관련 함수 (feat. 중복제거)

리스트를 다양한 기준으로 필러링을 하기 위해서 filter 라는 함수를 쓴다. 첫번째는 리스트 count 라는 객체기준으로 2 이상이 넘어가는것을 필터링하는 것이다. 두번째 리스트는 filter 와 indexOf 라는 함수를 사용해서 중복제거를 하는 것이다. 세번째 리스트는 find 라는 함수를 사용해서 여러 리스트중에서 'Honey'라는 name을 가진 것을 찾아서 배출(필터링)해주는 것이다. 추가적으로 중복제거에 있어서 Set라는 함수를 쓰는데 사용법은 아래와 같다. * Set라는 함수 자체가 중복 객체를 저장하지 않기 때문

JavaScript 2023.02.14
반응형