FE-기본

개발환경이 갖춰져 있다는 조건으로 정리 시작 HTML, 혹은 하이퍼텍스트 마크업 언어는 웹페이지의 구조를 정의하는 웹을 위한 마크업 언어.VSCode에서 확장자 .html인 파일안에서 !입력하면 Emmet이 나옴. Emmet은 HTML 및 CSS 등의 다양한 파일 종류

프론트엔드 기본부터 차근차근

1-1. 속성src: audio 소스controls: 컨트로러autoplay: 자동재생 ← 지원안하는 브라우저들이 있어서 요즘은 사용 안하는 추세muted: 음소거영상은 autoplay일때 muted 속성을 추가해야 비디오가 재생된다오늘날에는 자주 사용하진 않지만 웹

스타일은 크게 내부 스타일, 외부 스타일, 인라인 스타일로 나뉜다.내부 스타일 ← head tag 안에 권장외부 스타일(CSS 파일)인라인 스타일\* ← (asterisk) 모든 요소 태그(요소)의 명으로 구분\`., class 속성의 값으로 선택자를 지정하는 방법HT

웹브라우저 기본으로 가지고 있는 스타일 시트 (CSS)에릭 마이어(Eric Meyer) ← CSS 권위자(reset.css)reset (고여있는 퍼블리셔들은 자신만의 reset.css를 가지고 있다.) CSS는 똑같은 속성이 중복되어 있으면 중복된 값 중 하나만 선택해

자바스트립트(javascript)는 웹 개발에서 중요한 역할을 하는 프로그래밍 언어. 초기에는 웹페이지의 동적 요소를 추가하기 위해 개발되었지만, 현재는 매우 다양한 용도로 사용.Ecma International의 프로토타입 기반의 프로그래밍 언어로, 스크립트 언어에

특정한 연산을 하는 자바스크립트 기호수학적인 연산을 수행하는 연산자.\+, -, \*, /, %, \*\* (거듭제곱/지수) 연습문제 증가 연산자 ++감소 연산자 --증감 연산자를 항(피연산자) 앞에 쓴다 → 전치 연산 ~ 하기 전에증감 연산자를 항(피연산자) 뒤에 쓴

지정한 조건이 참(true)으로 평가되는 동안 지정된 블록문을 반복 실행할 때 사용하는 문법do 부분을 먼저 실해하고 반복 여부를 평가반복여부를 평가하고 코드 블럭({}) 실행배열 → 인덱스(index), 객체 → key배열 → 값(value), 객체 → X⚠️ 무한

값으로 평가될 수 있는 식네이밍 함수(naming function익명 함수(anonymous function)인자가 고정적이면 재사용성이 어려움 ← 가변인자로 해결식별자를 참조할 수 있는 범위⚠️ 주의: var는 지역 스코프가 따로 없다.

중괄호호 선언한다. {}객체의 속성에 접근해서 값을 할당delete 키워드를 사용해서 특정 속성을 삭제데이터를 정의하는 데 있어서 간편하게 데이터를 정의할 수 있는 방법기본 자료형과 참조 자료형을 선언했던 방법 모두가 리터럴 표기법예약이 되어져 있는 키워드this →

O(n) : 선형시간O(n2): 1000번O(n3): 10000번메모리가 회수 되는 과정 → 가비지 컬렉션가비지 컬렉션을 자동으로 수행한다. ? 실행 컨텍스트가 콜스택에서 제거가 될 때자동으로 수행이 되지 않을 경우 → 그 컨텍스트의 레코드 값이 참조 중일 때내부 함수

함수 선언과 동시에 실행 → 전역 범위를 오염시키지 않고 싶을 때 사용함수로 객체를 정의인스턴스프로토타입 체인 또는 프로토타입 체이닝인스턴스가 프로토타입 객체를 탐색해 나가는 과정값이 변하지 않고 공통적으로 사용되는 속성은 프로토타입 객체에!그게 아니면 생성자 함수 내

전통적인 객체지향과는 조금 다르다.클래스 기반의 객체 지향 → JAVA프로토타입 기반의 객체 지향 → JavascriptClass의 메서드는 무조건 프로토타입으로 들어가 있다.객체는 아니지만 객체로 취급이 되는 특징, 특성, 것특정 데이터가 객체로 취급되는 것함수는 함

자바스크립트 엔진에 기본적으로 내장되어있는 객체.⚠️ 파괴적 메서드, 비파괴적 메서드 : 원본 데이터에 영향을 주는지 아닌지1.Object2.Function3.Array4.String5.Boolean6.Number7.Math8.Date9.RegEXPlengh 문자열 길