JavaScript

자바스크립트 문법 공부하기 [자바스크립트 스타일 가이드](https://standardjs.com/rules-kokr.html ) 식별자(변수명) 작성 규칙 카멜 케이스(camelCase) 변수, 객체, 함수에 사용 파스칼 케이스(Pascal) 클래

웹에서 이벤트를 통해 특정 동작을 수행 !무언가 일어났다는 신호, 사건모든 DOM 요소는 이러한 event를 만들어냄DOM에서 이벤트가 발생했을 때 생성되는 객체이벤트 종류mouse, input, keyboard,...MDN 문서 참조DOM 요소는 event를 받고 받

backgroundColor JS code 예시 backgroundImage JS code lodash를 활용하여 backgroundImage가 랜덤으로 나오게

사용자 입력 값에 badWords에 들어있는 단어가 있으면, **로 바꿔 출력

서버에 데이터가 전송되기 전에 js로 비밀번호의 유효성 검사

동기 : - 프로그램의 실행 흐름이 순차적으로 진행, 하나의 작업이 완료된 후에 다음 작업이 실행되는 방식비동기 : - 프로그램의 실행흐름이 순차적이지 않으며, 작업이 완료되기를 기다리지 않고 다음 작업이 실행되는 방식작업의 완료 여부를 신경 쓰지 않고 동시에 다른 작

myAxios 함수에서 새로운 Promise 객체가 생성반환하는 것은 새로 생성된 Promise 객체Promise 객체는 resolve 또는 reject 함수를 사용하여 비동기 작업의 성공 또는 실패를 처리할 수 있음resolve 함수를 호출하면, Promise 객체는

birth: '1775-04-23' 의 문자열에서 1775만 가져오고 싶다면..

Array 인스턴스의 length 속성은 배열의 길이를 반환한다.

웹 페이지를 구조화된 객체로 제공하여 다른 프로그래밍 언어가 페이지 구조에 접근, 조작할 수 있는 방법을 제공= 문서 구조, 스타일, 내용등을 변경할 수 있도록 함모두 document 객체의 자식으로 구성됨웹페이지를 동적으로 만들기 (=웹페이지 조작)조작하고자 하는 요

객체의 key값을 가져와 배열로 만들 수 있다.

배열에서 사용할 수 있는 메서드로, 배열.forEach(콜백함수)배열을 순회하면서 모든 요소에 대해 콜백함수를 실행할 수 있게한다.배열의 내장함수로 배열을 순회하면서 모든 요소에 대해 콜백함수를 실행한 후, return된 값들만을 추려 새로운 배열을 return.배열에

빈 배열빈 객체"false"""0nullundefinde

key값으로 매칭 !

객체의 값을 새로운 객체에 펼쳐주는 역할 ! 배열에서도 사용가능 !

자바스크립트 코드는 브라우저 내장 자바스크립트 엔진을 이용하여 실행되었음 (ex. chrome의 v8)그래서 자바스크립트는 브라우저에서만 실행될 수 있었음그런데 v8엔진은 C++ 기반으로 개발되어서 브라우저가 아니더라도 어디서나 사용 가능하였음그래서 v8엔진을 독립시켜

Node Package ManagerNode.js의 패키지 관리 도구다른 사람들이 만든 패키지를 내려 받을 수도, 개발 프로젝트를 관리하는데도 도움을 주는 도구우리가 만든 package의 정보를 기록하는 환경설정 파일scripts우리가 자주 사용하는 명령어를 미리 정해

: 존재하는 값을 추려내는 기능null, undefined가 아닌 값을 찾아내는 연산자

여러 분기를 처리해야할 때 사용하는 조건문모든 동물이 다 출력됌!switch는 밑으로 내려가면서 진행되다가 조건이 맞으면 그 밑 코드를 다 진행함💡 그래서 모든 case에 break을 추가해야함else와 같은 기능위 조건이 다 만족하지않았을 때의 case▪️ swit

객체 생성법 객체 프로퍼티 객체 프로퍼티 다루는 법 특정 프로퍼티 접근 새로운 프로퍼티 추가 프로퍼티 수정 프로퍼티 삭제 프로퍼티의 존재 유무 확인 in 연산자 let result1 = "name" in person; console.log(result1)

null, undefined가 아닌 값을 찾아내는 연산자값의 타입을 문자열로 반환하는 연산자항이 3개인 연산자조건식 ? 참일 때의 출력값 : 거짓일 때의 출력값

&&일 때, 첫번째 항이 false면, 두번째 항을 보지않아도 이미 false|| 일 때, 첫번째 항이 true면, 두번째 항을 보지않아도 이미 ture🥕 returnFalse함수는 false값이므로 뒤에 returnTure함수를 실행하지않아도 이미 false값!

메모리에 값을 저장여기서 p2의 값을 2로 바꾸면 메모리에 2를 새로 넣고 1이었던 실제 메모리의 값은 수정되지않고 새로운 값2가 생성되고 옮겨감\`원시타입 = 불변값 (메모리 값 수정X)객체는 값을 바로 가르키지않고 그 값을 참조하는 참조값을 가르킴객체는 유연하게 동

모든 요소를 순회하면서, 각각의 요소에 특정 동작을 수행하는 메서드배열에 특정 요소가 있는지 확인하는 메서드특정 요소의 인덱스를 반환하는 메서드같은 값이 여러개일 때는 맨 처음 인덱스 반환없으면 -1 반환모든 요소를 순회하면서, 콜백함수를 만족하는 특정 요소의 인덱스를

기존 배열에서 조건을 만족하는 요소들만 필터링하여 새로운 배열로 반환💡반환값을 정할 수 없음💡모든 요소를 순회, 각각 요소들에 콜백함수 수행, 그 결과를 새로운 배열로 반환💡forEach와 다른점 : 반환값 설정가능💡filter와 다른점 : 모든 요소에 대해 값

타임스탬프 : 특정시간이 udt(1970.01.01 00:00:00)으로부터 몇 ms지났는지를 숫자로 나타냄

순서대로 하나하나 씩 처리전에 작업이 끝나지 않았으면 다음 작업이 실행되지 X🥕 작업을 처리해주는 것 : Thread(쓰레드)JS는 기본적으로 모든 코드가 동기적으로 작동Java나 C하지만, JS엔진에는 쓰레드가 1개뿐=> 비동기로 오래걸리는 작업을 처리비동기 함수s

비동기 작업을 더 효율적으로 할 수 있게!비동기작업 실행, 상태관리, 결과 저장 ...pending : 대기 (완료되지않음)fullfilled : 성공 (resolve : 해결)rejected : 실패 (rejecte : 거부)비동기 작업을 실행하는 함수프로미스 객체를

border의 색을 변경해도 outline: none을 쓰지않으면 먹지않는다.

1970년 1월 1일 00시 00분 00초부터 현재시간까지 얼마나 시간이 지났는지를 ms단위로 보여주는 숫자(number)