반응형 [JavaScript] 이벤트 Event란?- 이벤트는 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 의미- 클라이언트 측 자바스크립트를 비동기식 이벤트 중심의 프로그래밍 모델이라고 함- 이벤트 타입(=event name)은 발생한 이벤트의 종류를 나타내는 문자열- 이벤트 명세는 DOM Level3 이벤트 명세, HTML5 관련 이벤트 명세, 모바일 장치를 위한 이벤트 명세로 나누어 정의Event Listener- 이벤트 리스너란 이벤트가 발생했을 때 처리를 담당하는 함수를 가리킴(=event handler)- 지정된 타입의 이벤트가 특정 요소에서 발생시 웹 브라우저는 그 요소에 등록된 이벤트 리스너를 실행- 이벤트 리스너 등록: 이벤트의 대상이 되는 개체나 요소에 프로퍼티로 등록/객체나 요소의 메서드에 이벤트 리스너를 .. 2024. 8. 9. [JavaScript] BOM BOM이란?- BOM(Browser Object Model)은 DOM과 달리 W3C 표준 객체 모델은 아니지만 JavaScript가 브라우저의 기능적 요소들을 직접 제어하고 관리하는 방법을 제공- JavaScript에서는 BOM 모델의 객체들을 전역 객체로 사용Window 객체- Window 객체는 브라우저의 창을 나타내는 객체- JavaScript의 모든 객체, 전역 함수, 전역 변수들은 자동으로 window 객체의 프로퍼티가 됨- Window 객체의 메소드는 전역 함수이고 프로퍼티는 전역 변수가 됨. DOM의 요소들도 프로퍼티에 포함- Window 객체의 모든 메서드나 프로퍼티를 사용할 때 window 접두사 생략 가능프로퍼티/메서드설명window.outerWidth현재 브라우저 창의 너비window.. 2024. 8. 9. [Javascript] 예외처리 예외 처리- 예외(Exception)은 프로그램이 실행 중에 발생하는 런타임 오류를 의미- 예외 발생: throw 표현식throw 표현식;throw new Error("에러메시지");- 예외 처리: try-catch-finallytry { 실행 코드;} catch (ex) { try 블록에서 예외가 발생시 실행 코드;} finally { 예외의 발생 여부와 무관하게 무조건 실행될 코드;}- Error 객체: 런타임 오류 발생시 Error 객체의 인스턴스가 생성되어 오류의 정보를 저장Strict 모드- ECMAScript 5부터 적용된 strict모드는 JavaScript 코드에 엄격한 오류 검사를 적용- 스크립트나 함수의 맨 처음에 "use strict"로 사용- 블록내에 "use str.. 2024. 8. 9. [목차] JavaScript 1. 목차 2. 버전별 특징2.1 Vanilla Javascript2.2 Modern Javascript3. 소개 및 환경설정3.1 JavaScript란3.2 JavaScript 특징 및 코딩컨벤션4. 변수 및 자료형4.1 변수 선언 및 초기화4.2 자료형4.3 형변환 및 타입확인5. 연산자5.1 산술 연산자5.2 비교 연산자5.3 논리 연산자5.4 비트 연산자5.5 증감 연산자5.6 삼항 연산자5.7 대입 연산자5.8 복합 연산자5.9 typeof 연산자5.10 instanceof 연삱5.11 delete 연산자6. 제어문: 조건문6.1 if 문6.2 if-else 문6.3 if-else if-else 문6.4 switch 문7. 제어문: 반복문7.1 while 문7.2 do-while 문7.3 for.. 2024. 8. 7. [참고자료] 웹개발 프론트엔드- HTML/CSS- CSS- React.js백엔드- Node.js- Express.js- Nest.js- Socket.io 2024. 7. 19. [참고자료] 자료구조/알고리즘/코딩테스트 자료구조 알고리즘 코딩테스트- [교재] 코딩테스트 합격자 되기(자바스크립트편) 코딩테스트 사이트- 프로그래머스: 코딩테스트 연습을 할 수 있고 교육, 채용 등 개발자에게 필요한 것이 갖추어진 사이트- SW Expert Academy: 삼성에서 운영하고, 알고리즘을 학습 할 수 있는 사이트- 백준 온라인 저지(solved.ac): 프로그래밍 문제를 해결한 다음, 소스를 제출하고 온라인으로 채점을 받을 수 있는 사이트- Softeer: 현대자동차그룹의 코딩테스트 사이트- Leetcode: 코딩 인터뷰 준비를 위한 온라인 플랫폼 2024. 7. 19. [참고자료] Javascript Javascript- [블로그] TCP School: 코딩 관련 프로그래밍 내용을 정리한 사이트- VanillaJS- ModernJS- Node.js- Google JavaScript Style Guide- JavaScript standard GuideTypescript- [교재] Typescript- Typescript 2024. 7. 19. [로드맵] Javascript 로드맵 1. Javascript1.1 Javascript(기본: VanillaJS + ModernJS) 1.2 Javascript(상세) 1.3 Javascript(기본: ES2018이후) 2. Typescript2.1 Typescript 2.2 Typescript(상세) 3. 코딩테스트3.1 프로그래머스 4. 전문분야4.1 웹: 프론트엔드(HTML/CSS/Bootstrap/JS/React.js) 4.2 웹: 백엔드(Node.js/Express.js/Socket.io/Nest.js) 2024. 7. 19. [기본 규칙] Javascript 프로젝트 구조 2024. 7. 19. [개발 규칙] Javascript 코딩컨벤션 공통 규칙1. 들여쓰기: 보통 2칸 스페이스를 사용2. 각 줄은 80자 또는 100자로 제한3. 모듈 레벨 함수 및 클래스 정의는 두줄 간격으로 작성4. 괄호, 중괄호, 대괄호 내부에는 공백 사용 금지5. 쉼표, 콜론, 세미콜론 앞에 공백 사용 금지. 뒤에는 공백 사용6. 주석은 한 줄의 경우 //을 사용하고 코드와 두칸의 공백을 둠. 여러 줄의 경우 /** ~ */을 사용7. docstring 작성시 JSDoc을 사용./** * Adds two numbers together. * @param {number} a - The first number. * @param {number} b - The second number. * @return {number} The sum of the two numbers. .. 2024. 7. 19. 이전 1 2 3 다음 반응형
