반응형 자바스크립트9 [JS] var, let, const의 차이를 알아보자 var, let, const는 자바스크립트에서 변수를 선언할 때 사용하는 키워드이다. 그렇다면 이 세 키워드의 차이는 무엇일까. 바로 변수의 스코프와 값 변경 가능성이다.(스코프란 변수와 함수 등의 식별자가 유효한 범위를 제한하는 개념이라고 할 수 있다.) var 키워드는 ES5 이전부터 사용되던 변수 선언 방식이다. 함수 스코프를 가지며, 변수의 값 변경이 가능하다. var 키워드는 변수를 재선언 할 수 있다. function varTest() { var a = 1; if(true){ var a = 2; console.log(a); //2 } console.log(a); //2 } varTest(); console.log(a); // ReferenceError: a is not defined let은 .. 2024. 3. 1. [SQL] SQL 특정 문자 제거하기 한창 회사에서 개발 중에 계좌번호를 입력했을 때 ' - ' 표시가 있어 중복으로 계좌번호가 입력되는 현상이 있어 수정 요청이 들어왔다. 1333-3333과 13333333은 같은 계좌인데 중복 등록 된다는 것. 그래서 데이터를 디비에 저장할 때 체크하는 과정을 거쳐야 했다. 쿼리 문에서 특정 문자를 제거 하여 체크하도록 하였다. 먼저 입력 받은 데이터에도 ' - ' 표시를 제거 했다. 그리고 데이터베이스에서 해당 계좌번호가 있는지 확인을 하는 쿼리를 날려야 하는데 이 때 where 조건에 함수를 추가해 ' - '를 없애게 했다. 이렇게 쿼리를 주게 되면 '-' 표시가 ''로 바뀌게 되어 공백 없이 숫자로만 조건을 걸 수 있다. 2023. 9. 20. [JS] 자바스크립트 reduce()를 알아보자 코딩 테스트를 풀던 중 정수 배열이 주어지고 평균 값을 구하라는 문제가 나왔다. 사실 너무 쉬운 문제이다. 단순 반복문을 사용하지 않고 reduce를 사용했다. 이 reduce 함수는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환한다. 구조는 다음과 같은데 callback은 배열의 각 요소에 대해 실행할 함수를 의미한다. 다음 네 가지 인자를 가지게 되는데 accumulator - 누산기라고 할 수 있다. 즉 콜백의 반환값을 누적하게 된다. currentValue - 처리할 현채 요소 index(Optional) - 배열의 현재 요소의 인덱스 array(Optional) - 호출한 배열 즉 위 풀이에서 sum이 accumulator이고 cur이 current.. 2023. 7. 28. [JS] import와 require의 차이 자바스크립트를 사용해서 프로젝트를 진행하다가 어떤 모듈을 불러오기 위해 import를 사용했지만 에러가 뜨면서 require를 사용하라고 메세지가 뜬적이 있다. 그 둘의 차이를 알아보자. 기본적으로 import와 require는 모듈 키워드이다. 즉 외부 파일이나 라이브러리를 불러올 때 사용한다. 다만 require는 NodeJS에서 사용하고 있는 CommonJS 키워드이고 import는 ES2015에서 새롭게 도입된 키워드이다. 둘 다 같은 목적을 가지고 있지만 위 이미지처럼 다른 문법 구조를 지니고 있다. 요새는 ES6가 많이 쓰여 import가 주로 사용되고 있지만 태그를 사용하는 브라우저 환경이나, CommonJS를 기본으로 채택하고 있는 NodeJS 등이 있기 때문에 100% import로 대체.. 2023. 5. 15. 이전 1 2 3 다음 반응형
