JavaScript

화살표 함수(arrow)표현은 전통적인 함수표현(function)의 간편한 대안입니다.

Javascript - createElement(), appendChild(), innerText

인스타그램 클론코딩으로 실질적인것을 많이 접했다고 느낀다.DOM으로 HTML과 Javascript를 연결하여 동적인 효과를 부여 할 수 있었다.

예시문제는 배열안의 "string" 중에서 가장 긴 값을 구하는 것!Array 메서드 중 map, Math의 max 메서드를 사용하고indexOf 로 최대값의 배열을 찾았습니다.map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새

twoSum함수에 숫자배열과 '특정 수'를 인자로 넘기면, 더해서 '특정 수'가 나오는 index를 배열에 담아 return해 주세요.nums : 숫자 배열target : 두 수를 더해서 나올 수 있는 합계return : 두 수의 index를 가진 숫자 배열ex)num

문제

문제4 👨‍💻 > 숫자인 num을 인자로 넘겨주면, 뒤집은 모양이 num과 똑같은지 여부를 반환해주세요. num: 숫자 return: true or false (뒤집은 모양이 num와 똑같은지 여부) ex) 예를 들어, num = 123 return false =

fetch() 👨‍💻 fetch함수는 데이터를 전달 할 때 사용하는 javascript 내장함수입니다! > fetch에서 API 주소를 받고 then은 promise 를 처리 할 때 사용되는 메서드다. promise 객체는 비동기 작업이 맞이할 미래의 완료 또

정규표현식은 문자열에서 특정 문자조합을 확인하기 위해 사용됩니다!(ex : 대소문자가 포함된 8자 이상, 대소문자,숫자,특수문자를 포함한 8자이상)자바스크립트에서 정규식은 객체입니다. RegExp의 메서드를 사용해 문자열을 검사 할 수 있습니다!RegExp 생성자는 패

데이터 타입 자바스크립트의 모든 값은 데이터 타입을 가지고 있습니다. ES6 기준으로 7개의 데이터 타입을 가지고 있고 크게 2가지로 나눌 수 있습니다.

원시 값과 객체

Promis는 비동기처리를 수행할 콜백 함수를 인수로 전달 받고resolve, reject 두 함수를 인수로 전달 받는다..then : 비동기 처리가 성공했을 때 호출.catch : 비동기 처리가 실패 했을때 호출.finally : 성공,실패 여부 없이 무조건 한 번

렉시컬스코프 > 스코프란? 식별자가 유효한 범위입니다. 스코프를 구분해보면 두가지가 있습니다. 전역 스코프 : 코드 어디에서든 참조할 수 있는 범위 지역 스코프 : 함수 코드 블록이 만든 스코프로 함수 자신과 하위 함수에서만 참조할 수 있습니다. 자바스크립트의 상위

이벤트 루프는 브라우저내에 내장된 기능입니다. Call Stack 내에서 현재 실행중인 task가 있는지 그리고 Event Queue에 task가 있는지 반복하여 확인합니다.만약 Call Stack이 비어있다면 Event Queue 내의 task가 Call Stack으

IntersectionObserver > ## Intersection Observer의 사용법 root : 루트는 말 그대로 API가 교차(intersect)되는 여부를 확인할 때의 기준이 되는 요소로 기본적으로는 뷰포트로 설정되는데 여기서 굉장히 주의할 점이 사용자

function shuffle(array) { array.sort(() => Math.random() - 0.5);}const numbers = 1, 2, 3;shuffle(numbers);

JavaScript - filter(Boolean) 을 이용한 Array filter

데이터 원본을 그대로 수정한다면 의도치 않은 사이드 이펙트를 방지하기위해서 데이터의 원본을 바로 수정하것은 지양하는 것이 좋습니다. 복사를 하여 카피본을 만들어서 사용하는 습관을 가지는것이 좋습니다.구조 분해 할당을 사용하거나 자바스크립트에서 지원하는 메소드 중에 de