Web Application

JavaScript 개념 정리

Element 구성 ` 내용 ` `` `` → br , img , input 두 칸 이상의 공색 :   주석 : `` display 속성 block 블록 레벨 박스 위 아래 줄바꿈 (항상 새로운 라인에서 시작) 부모 요소의 가로 영역에 맞게 채워짐 address article aside blockgquote c...

CSS 정의 Cascading Style Sheet 디자인 도구 적용 방법 문법 선택자 { 속성명: 속성값; … } 우선순위 : Inline > Internal > External > default Mozilla CSS 속성 순서 적용 display 객체의 노출 여부 / 표현방식 list-style overflow --...

JavaScript 가독성 높은 코드 style을 익혀보자!

TypeScript를 사용하지 않는 이상바닐라 JS로는 코드를 짜기 어렵다.ESLint는 틀린 부분, 타입 안 맞는 부분을 하이라이팅 해주기 때문에이를 활용하면 바닐라 JS로도 코드를 간편하게 짤 수 있다 !(작성중)

FontAwesome 세팅 및 사용법

SCSS 정의 및 사용법

HTML/CSS 만으로 Hamburger slider 모달 열고 닫는 기능 구현하기

명령형 프로그래밍 Imperative Programming How 에 초점 원하는 목표를 달성하기 위해 수행해야하는 단계를 명시적으로 기술 순차적인 지시 (컴퓨터에게 명령 내리는 것과 유사) 예시 절차적 프로그래밍 객체 지향 프로그래밍 특징 알고리즘의 각 단계 명확히 정의 상태 변화 추적 → 어떻게 실행될 지 ...

onclick과 addEventListener('click') 의 장단점, 어떤 것을 사용해야할까?

Array.flat() 의 사용법과 성능 안 좋은 이유, 그에 대한 대안 방안

JavaScript란? 정의 웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어 인터프리터 언어 별도의 컴파일 작업 수행 X 소스 코드를 바로 실행하는 환경 동적 타입 언어 데이터 타입 직접적으로 선언 X 값 할당 과정에서 자동으로 타입 결정 → 자바스크립트 엔진이 추론 일급 객체 (함수) 일급 객...

DOM DOM Document Object Model HTML을 객체 형태로 파싱하여 구조화한 모델 HTML에 접근하기 위한 인터페이스 계층적 단위로 정보 저장, Node tree DOM API 웹 문서의 동적 변경을 위해 프로그래밍 언어가 DOM에 접근하고 수정할 수 있는 방법 제공 DOM 접근 및 수정 : 비용 ⬆️ HTML 요소 선택 docum...

비동기 Single Thread 언어 단 하나의 실행 컨텍스트 스택 (한번에 하나의 작업만) Memory Heap 변수와 객체의 메모리 할당 Call Stack 어떤 순서로 작업을 수행하는지 기록 (작업 스케쥴링) 동기/비동기 동기 : 태스크 처리할 동안 나머지 태스크 대기 비동기 : 대기X, 다음코드 실행 비동기 처리 비동기 처리 방식의 문제점...