javascript js
-
[Softeer] Lv.2 연탄의 크기 - JavaScript알고리즘/Javascript 문제 2025. 2. 27. 16:49
1. 문제(Lv.2) 연탄을 사용할 수 있는 집의 최대 수 구하기 2. 해설최대 나눌 수 있는 수 찾기- 2 ~ 100까지의 수로 input 요소들이 나누어지는 검사- input 배열의 요소 radius가 2 ~ 100 사이의 숫자 i로 나누어 떨어지면, count 값을 1 증가- 만약 count > maxCount 이라면, maxCount를 업데이트- 모든 for문에 끝난 이후 결과값 maxCount를 출력 3. 해답const fs = require('fs');const [n, data] = fs.readFileSync('/dev/stdin', 'utf8').trim().split('\n');const input = data.split(' ').map(Number);let maxAvail = 0;for..
-
JS 클로저 - 캡슐화와 정보 은닉Front-end 개발 2023. 8. 21. 09:01
목차 1. 요약 2. 캡슐화와 정보 은닉 3. 자주 발생하는 실수 4. 결론 자바스크립트 클로저를 공부하는데 글의 너무 길어져서 클로저의 개념과 활용과 분리하여 작성한다. 본 내용은 모던 자바스크립트 딥다이브 스터디 강의 24장의 내용 中 일부이다. (스터디 영상 21분 부터 ~) 앞선 글에서 클로저의 개념을 알아봤다. 클로저(Closure)란 생명 주기가 종료된 외부 함수의 변수를 참조하면서 더 오래 유지되는 중첩 함수를 부르는 용어다. 이번 글에서는 클로저를 활용한 캡슐화와 정보 은닉에 대해서 다룬 스터디 내용을 다룬다. 1. 요약 - 캡슐화(Encapsulation)는 프로퍼티와 메서드를 하나로 묶는 것을 말한다. - 정보 은닉이란 외부에 공개되지 않도록 감추어 적절치 못한 접근으로부터 객체의 상태..
-
JS 클로저Front-end 개발 2023. 8. 18. 08:34
멋사 프론트엔드 스쿨에서 1시간을 할애해서 이야기하고 넘어간 JS 면접 단골 질문 주제 클로저(Closures). 클로저가 무엇이고 어떻게 쓰이는 것이는지 감이 제대로 잡히지 않아서 더 찾아보고 공부한 내용을 정리한다. 아래 내용은 모던 자바스크립트 딥 다이브 스터디 영상을 보고 작성했다. 모던 자바스크립트 딥다이브 스터디 #5-1 (CH.24 클로저) 1. 요약 - JS 함수는 렉시컬 스코프를 가진다 : JS 엔진은 함수 호출 위치가 아닌 함수를 정의 위치를 기준으로 상위 스코프를 결정한다. - JS 모든 함수는 상위 스코프를 기억하므로 이론적으로 모든 함수는 클로저다. - 중첩 함수 중에 이미 생명 주기가 종료한 외부 함수의 변수를 참조한 경우 클로저(Closure) 라고 부른다. - 클로저라고 부르..
-
[멋쟁이사자처럼] 프론트엔드 스쿨 7기 - 29일차 기록 및 복습Front-end 개발 2023. 8. 16. 08:35
목차 1. JavaScript 전개구문 2. JavaScript 디스트럭쳐링 3. JavaScript this 키워드 4. 함수 심화 5. 스코프 6. 잡답 1. JavaScript 전개구문 1-1. 전개구문 - spread syntax - Spread 문법은 배열이나 객체와 같은 데이터 구조를 확장할 때 사용하는 문법 1-2. 배열의 전개구문 - 배열의 전개 구문은 대괄호([]) 안에서 세 개의 점(...)을 사용하여 배열을 확장한다. - 전개구문을 활용하여 배열의 값만을 복사해 새로운 배열을 만들 수도 있다. - 이렇게 생성된 배열은 기존의 객체 자료형처럼 참조를 공유하지 않고 완전히 별개인 새로운 값이 할당된다. 1-3. 객체의 전개구문 - 객체의 전개 구문은 중괄호({}) 안에서 세 개의 점(....
-
[멋쟁이사자처럼] JS 실무자 노하우 코드 DB - typeof, isNaN, sortFront-end 개발 2023. 8. 8. 00:44
의도대로 결과가 나오지 않는 JavaScript (JS) 메서드를 어떻게 사용하면 좋을까?그때그때 퍼포먼스를 발휘해 예외 케이스를 찾고 해치우면서 코드를 하는게 맞는 걸까?나는 훌륭한 코드를 자신의 코드로 학습하고 DB화 하거나 GitHub Repository 에 정리하여 효율적으로 일하는게 맞다고 생각한다. 그래서 이 글은 내가 JS를 기초부터 다시 공부하면서 유용한 실무자 노하우 코드만을 따로 뽑아 정리한 일종의 DB 이다.실무자 노하우 코드는 VSCode 의 경우 스니펫(snippet)으로 등록해서 쓰면 훨씬 편할 것이다.실무를 하면서 오류를 최대한 출력하지 않으면서, 작동을 멈추지 않는 JS 의 메소드로부터 우리 모두 자유로워지는데 도움이 되길 바란다. 1. type 체크 : typ..