Javascript

Apple Ipad 10.2 홈페이지 만들기 프로젝트를 진행하며 알게된 것들을 기록합니다.(Event Bubbling, IntersectionObserver)

FastCampus FE Course, JS Part 에서 배운 라우팅개념에 대해 기록합니다.

구현계기, 필요한 기능에대해 작성한 글입니다.

Map함수를 이용하여 단어를 DOM상에 출력하는 기능을 구현하는 과정에 대한 글입니다

AddEventListener와 filter 메서드를 이용해서 검색기능을 구현하는데 관한 글입니다.

IndexOf()를 이용하여 검색기능을 고도화하는 과정에 대한 글입니다.

Header 기능 고도화 및 디자인 수정에 관한 글입니다.

단어 출력 고도화에 관련된 글입니다.

데이터를 담는 공간이자 메모리 공간을 식별하기 위해 붙인 이름(식별자) =>변수를 통해 메모리 주소로 직접 접근하지 않고, 안전하게 데이터를 사용하는 것이 가능할당 & 참조할당: 변수에 값 저장하는 것참조: 변수에 저장된 값을 읽어 들이는 것 var,let,const

값 값 = 표현식이 평가되어 생성된 결과를 말함 변수 = 하나의 값을 저장하기 위해 확보된 메모리 공간 = 그 메모리 공간을 식별하기 위해 붙인 이름 리터럴 사람이 쓰는 문자 생긴 것 그대로 사용하여 값을 생성하는 하나의 표기법 -> JS 엔진은 런타임에 리터럴을

https://developer.mozilla.org/ko/docs/Web/JavaScript > 🚨 JavaScript는 "인터프리트 Java"가 아닙니다.(Like 인도와 인도네시아) Your first Website: Adding interactivty Ke

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Grammarandtypes#%EA%B8%B0%EB%B3%B8 변수 선언 선언 방법은 총 3가지 var → 선언과 동시에 undefined로 초기화됨 let const JS 엔진은 선언 시 이름을 등록해서 존재를 알림 이후 할당 단계...

모든 JS 표현식은 명령문이다.블록 문명령문을 그룹으로 묶는 것.한 쌍의 중괄호로 감싸는 것이러한 블록문은 제어 흐름 명령문(if, for, while...) 에 많이 사용저 Condition 안에는 true 와 false로 평가 가능한 아무 표현식이 다들어갈 수 있다

변경 사항은 전역적으로 또는 해당 함수를 호출한 코드에 반영되지 않습니다.원시 값 변경시(pass by value)위와 같이 함수안에서 매개변수의 값을 10으로 바꾸어도,함수 밖에 있는 원래의 x에는 영향을 주지 않는다.객체 값 변경시(pass by Reference)

정규표현식 문자열에서 특정 문자 조합을 찾기 위한 패턴 JS에서는 이 정규표현식도 객체로서 exec(), test() 메서드 등이 사용 가능 리터럴 스크립트를 불러올 때 컴파일, 바뀔일이 없는 패턴 RegExp 객체의 생성자 호출 생성자 함수 상요시 런타임에 컴파일

ES6에서 등장한 값을 Mapping 하기 위한 새로운 데이터 구조set, get, has, delete 등의 메서드 활용 가능for of를 통해 반복도 가능하다.object전통적으로, 문자열을 값에 매핑하는데 사용, Key를 주로 활용Mapobject의 키는 문자열이

JS는 원래 프로토타입 기반의 객체지향 언어이다.ES6 에 class라는 개념이 등장하긴 했지마느 Mdn 문서상 여전히 프로토타입 기반으로 작동한다기존 프로토타입을 활용하여 생성자 정의클래스 문법 등장 이전에는 Person 객체를 정의하고, prototype을 활용하여

배열같은 객체이자 원시 이진 데이터에 접근Array 객체는 동적으로 길이 변화가 가능하고, 어떤 JS 값이든 가질 수 있음.JS 엔진은 이러한 배열을 더 빠르게 하기 위해 최적화를 수행함.이때 음성,영상 조작 기능, Websocket 등 Web App이 점점 고도화 되

JS의 비동기 처리 위한 패턴으로 콜백함수를 사용했음,그러나 콜백 지옥으로 인해 가독성이 떨어지고, 에러 처리가 곤란하다는 문제점이 발생.해당 get 함수가 응답 결과를 반환하는 과정을 살펴볼 필요가 있다.get 함수는 일단 비동기 함수.1\. xhr.open, xhr