반응형 자바스크립트11 [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. [JS]자바스크립트로 만든 간단한 리볼빙 계산기 코드는 간단하지만 내 마음은 간단치가 않다. 이건 뭐 거의 사기가 아닌가... 일단 리볼빙이라는거 자체가 계속 리볼빙을 걸어놓으면 코드가 끝나지 않기 때문에 처음 리볼빙을 걸고 돈을 쓴 뒤 아예 쓰지 않는 상황을 상정했다. (이 부분은 추후 보강할 예정) 일단 난 더 현재 금액에서 원금을 더 불리고 싶지 않아 카드를 꺾어버릴 예정이다. var wongum = 500; //원금 var gumli = 20; //이자율 var guljeviyul = 10; // 결제비율 var shit = 0; // 총 결제 비용 var yes = 5; //이제 한번에 갚을 수 있겠다 싶은 비용 var i = 0; while(wongum>yes){ console.log("------------------"); console... 2023. 5. 9. [JS] error An identifier or keyword cannot immediately follow a numeric literal 및 자바스크립트 변수 선언 시 주의점 최근 개발하고 있는 프로젝트에서 쉘 스크립트를 돌려서 자동으로 리액트 코드를 뽑아내다 보니 가끔 생각치도 못한 에러가 나온다. 여느 때처럼 쉘 스크립트를 돌려서 나온 리액트 코드를 원래 프로젝트에 가져다 붙이니 An identifier or keyword cannot immediately follow a numeric literal 에러가 떴는데 이게 무슨 에러이냐면 식별자 또는 키워드는 숫자 리터럴 뒤에 바로 올 수 없다는 소리이다. 즉 숫자로 변수명을 시작할 수 없다는 것이다. 이렇게 고쳐주니 잘 돌아간다. 자바스크립트 변수 선언 시 주의점을 몇 가지 얘기해보자면 1. 자바스크립트의 변수 식별자는 대소문자를 구분한다. 즉 const name 과 const Name은 다르다. 2. 상술 했듯이 숫자로 .. 2023. 4. 10. 이전 1 2 3 다음 반응형
