본문 바로가기

분류 전체보기414

JS Quiz 21-24. eval() / ?? / var / 프로퍼티 네임 - has() 21. What's the value of sum? const sum = eval('10*10+5'); 정답 A // eval() 함수에 대해 아는지에 대한 문제 eval()은 직접 배운 적은 없지만, 유튜브 알고리즘이 나와서 보게 됐는데(마침 어제!) 쓰짐 ㅏㄹ라고 했던 함수였다. 표현식이 숫자형으로 바뀌어서 계산된다. https://youtube.com/shorts/mgdCHjJjR4M?si=-0s8Iyp9eqa2ty5O 22. How long is cool_secret accessible? sessionStorage.setItem('cool_secret', 123); 정답 B // 아직 모르겠다. 추후 공부후 업데이트 할 것이다. 23. What's the output? var num = 8; va.. 2024. 4. 6.
HTTP 메서드(method)에 대한 정리 최종 수정 : 2024-04-06필요한 지식HTTP / Ajax /  XMLHttpRequest / JSON / REST API1. HTTP 메서드클라이언트가 서버에게 요청의 종류와 목적(리소스에 대한 행위)을 알리는 방법이다. 이들을 사용하여 CRUD를 구현한다.요청 메서드종류목적페이로드GETindex / retrieve모든 / 특정 리소스 취득XPOSTcreate리소스 생성OPUTreplace리소스 갱신OPATCHmodify리소스 일부 수정ODELETEdelete모든 / 특정 리소스 삭제X2. 용어 설명페이로드'옵션 객체'이라고 이해하면 된다.POST, PUT, PATCH에는 then() 메소드 위에 내용이 있는데.. 2024. 4. 6.
이벤트 위임(event delegation)에 대한 정리 최종 수정 : 2024-04-06 연결 지식 이벤트 전파(event propagation) https://young-taek.tistory.com/213 1. 이벤트 위임(event delegation) 캡처링과 버블링을 활용하면 강력한 이벤트 핸들링 패턴인 이벤트 위임(event delegation)을 구현할 수 있다. 비슷한 방식으로 여러 요소를 다뤄야 할 때 사용한다. 이벤트 위임을 사용하면 핸들러를 할당하지 않고, 요소의 공통 조상에 이벤트 핸들러를 단 하나만 할당해도 여러 요소를 한꺼번에 다룰 수 있다. 장점 1. 많은 핸들러를 할당하지 않아도 되기 때문에 초기화가 단순해지고 메모리가 절약된다. 2. 요소를 추가하거나 제거할 때 해당 요소에 할당된 핸들러를 추가하거나 제거할 필요가 없어져 코드가.. 2024. 4. 6.
생성자 함수(constructor)에 대한 정리 최종 수정 : 2024-04-05 필요한 지식 객체 / this 추후 링크 연결 예정 코드를 볼 때마다, new가 나오면 긴장한 상태로 바라봤다. 무지에서 오는 막연한 두려움이 싫어서 정리 시작! 1. 생성자 함수(constructor function) 자바스크립트 함수는 재사용한 코드의 묶음으로 사용하는 것 외에 객체를 생성하기 위한 방법으로도 사용된다. 직접 객체를 반환해도 되지만, new 키워드를 사용하여 함수를 호출하면 return 문 없이도 새로운 객체가 반환된다. 이처럼 객체를 생성하는 역할을 하는 함수를 '생성자 함수'라고 한다. 관례적으로 일반 함수와 구분하기 위해 대문자로 시작하는 함수명을 작성한다. 또한 생성자 함수는 새로운 타입을 정의하는 데 사용된다. new 키워드로 만들어진 객체는.. 2024. 4. 5.
프로그래머스 0단계 - 문자열 정수의 합 / 5명씩 문자열 정수의 합 한 자리 정수로 이루어진 문자열 num_str이 주어질 때, 각 자리수의 합을 return하도록 solution 함수를 완성해주세요. function solution(num_str) { let result = 0; for (let i = 0; i answer+=Number(a)) return answer; } 1) 주어진 것이 문자열이므로, 반복문을 돌면서 숫자형으로 변환해준다. 2) 그 값들을 다 더한다... 2024. 4. 5.