HTML / CSS / JavaScript

1년전 학교에서 동기들과 함께 졸업 작품을 2학기 동안 제작했었다.프로젝트를 간략히 말하자면 '음성회의 기록 시스템'의 데모를 웹으로 시연할 계획이였다.프로젝트를 진행하면서 웹을 처음 접하게 되었고 공부하면서 흥미를 느꼈다.프론트엔드 분야에 관심을 가지게 된 중요한 계

프론트엔드 개발자에게 자바스크립트는 필수이다.기초적인것부터 시작해보자본 내용들은 '모던 자바스크립트 Deep Dive'를 공부하면서 정리한 내용이다.자바스크립트는 인터프리터 언어이다.여기서 인터프리터 언어와 컴파일러 언어를 짚고 넘어가자 :)📌 인터프리터✔ 런타임에

오늘은 자바스크립트의 데이터타입, 연산자, 제어문에 관해 공부해보자 :)자바스크립트는 원시 타입과 객체 타입으로 분류할 수 있다.✔ 원시 타입 - 숫자, 문자열, 불리언(boolean), undefined, null, 심벌(symbol)✔ 객체 타입 - 객체, 함수,

오늘은 타입변환과 단축평가, 객체 리터럴에 관해 공부해보자 !값의 타입은 개발자의 의도에 다라 다른 타입으로 변환 할 수 있다.❓ 타입변환이란? - 기존 원시 값을 사용해 다른 타입의 새로운 원시 값을 생성✔ 암묵적 타입 변환(타입 강제 변환) = 자바스크립트 엔진에

어제에 이어서 오늘은 CSS를 정리해보자본 포스트는 'Do it 웹 표준의 정석'을 바탕으로 작성하였다.❓CSS란?✔ Cascading Style Sheets(CSS)는 HTML이나 XML로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어 이다.✔ CSS는

✔ 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것✔ 함수 이름을 호출X -> 함수 객체를 가리키는 식별자 호출O✔ 일급 객체이다 = 함수를 값처럼 자유롭게 사용할 수 있다.✔ 함수 호스트잉 = 함수 선언문이 코드의 선두로 끌어 올려진

변수 중복 선언 허용함수 레벨 스코프 - var 변수는 오로지 함수의 코드 블록만을 지역 스코프로 인정변수 호이스팅 - 할당문 이전에 변수를 참조하면 언제나 undefined 반환변수 중복 선언 금지블록 레벨 스코프 - 함수, if문, for문, while문, try/

✔ new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환✔ 빈 객체 생성 이후 프로퍼티 또는 메서드를 추가하여 객체를 완성

2023.02.22 1. 프로토타입 1-1 객체지향 프로그래밍 ✔ 객체지향 프로그래밍은 객체의 상태를 나타내는 데이터와 상태 데이터를 조작할 수 있는 동작을 하나의 논리적인 단위로 묶어 생각 ✔ 객체 = 상태 데이터와 동작을 하나의 논리적읜 단위로 묶은 복합적인 자료구

전역 스코프에도 x(찾으려는 변수) 변수의 선언이 존재하지 않으면 자바스크립트 엔진은 암묵적으로 전역 객체에 x 프로퍼티를 동적 생성 -> 전역 객체의 x프로퍼티는 마치 전역 변수처럼 사용 가능(=암묵적 전역)✔ ES5부터 strict mode 추가✔ strict mo

✔ 메서드(동작을 나타냄)는 자신이 속한 객체의 상태, 즉 프로퍼티를 참조하고 변경 할 수 있어야 함\-> 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야 한다.✔ this\- 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수\- this

2023.02.28

✔ 클래스는 함수이며 기존 프로토타입 기반 패턴을 클래스 기반 패턴처럼 사용할 수 있도록 하는 문법적 설탕이라 볼 수 있음 -> 새로운 객체 생성 메커니즘✔ 클래스는 생성자 함수와 매우 유사하게 동작하지만 차이점이 있음클래스를 new 연산자 없이 호출하면 에러 발생생성

async vs defer : head안에 defer 쓰는 것이 가장 좋다.순수 바닐라JS를 사용할 때는 'use strict';를 선언하자❓ 개발자들의 실수를 줄여주고, 성능 개선호이스팅 - 어디에 선언했느냐와 상관없이 항상 젤 위로 선언을 끌어 올려주는 것boole

선언looping over an arrayAddition, deletion, copy✔ unshift and shift are slower than push and pop!!Searchingjoin - 배열을 문자열로split - 문자열을 배열로reverse - 배열을

동기와 비동기✔ Javascript is synchronous 동기 \-> 호이스팅이 된 이후부터 코드의 순서에 따라 실행✔ hoisting: var, funciton declaration등이 젤 위로 올라가는 것callback hell example✔ 콜백 체인의 문

SetcharAt - 해당 index 문자열 반환구문: str.charAt(index)substring - 시작 인덱스로 부터 종료 인덱스 전 까지 문자열의 부분 문자열을 반환구문: str.substring(indexStart, indexEnd)

도메인만 같다면, 여러탭 내에서 같은 Storage가 공유 된다.2\. 브라우저를 닫으면 저장된 내용이 초기화 된다.