본문 바로가기
728x90

PROGRAMMING77

[JS] 함수 함수 참조 타입 중 하나 function 타입 함수 정의하는 방법: 함수 선언식, 함수 표현식 JavaScript의 함수는 일급 객체(First-class citizen)에 해당 다른 객체들에 적용할 수 있는 연산을 모두 지원하는 객체(함수) 변수에 할당 가능 함수의 매개변수로 전달 가능 함수의 반환 값으로 사용 가능 - 함수 선언식 (function statement, declaration) function name(args) { // do something } 함수의 이름과 함께 정의하는 방식 name: 함수의 이름 args: 매개변수 호이스팅 발생 함수 호출 이후에 선언해도 동작 - 함수 표현식 (function expression) const myFunction = function (args) {.. 2021. 11. 12.
[JS] 조건문, 반복문 조건문 - if 조건 표현식의 결과값을 Boolean 타입으로 변환 후 참/거짓 판단 if, else if, else 조건은 소괄호() 안에 작성 실행할 코드는 중괄호{} 안에 작성 블록 스코프 생성 const nation = 'Korea' if (nation === 'Korea') { console.log('안녕하세요!') } else if (nation === 'France') { console.log('Bonjour!') } else { console.log('Hello!') } - switch 조건 표현식의 결과 값이 어느 값(case)에 해당하는지 판별 표현식의 결과값을 이용한 조건문, 표현식의 결과값과 case문의 오른쪽 값을 비교 break, default문은 선택적으로 사용 break문이 .. 2021. 11. 12.
[JS] 식별자, 변수, 타입, 연산자 식별자 (identifier) 변수를 구분할 수 있는 변수명 문자, 달러($), 밑줄(_)로 시작 대소문자 구분, 클래스명 외에는 모두 소문자로 시작 예약어 사용 불가능 - 작성 스타일 카멜 케이스 (camelCase): 변수, 객체, 함수에 사용, 두 번째 단어부터 첫 글자 대문자 파스칼 케이스 (PascalCase): 클래스, 생성자에 사용, 모든 단어의 첫 글자 대문자 대문자 스네이크 케이스 (SNAKE_CASE) : 상수에 사용, 모든 단어 대문자, 단어 사이에 언더스코어(_) 변수 - 변수 선언 키워드 let const var 재할당 가능 불가능 가능 재선언 불가능 불가능 가능 스코프 블록 스코프 블록 스코프 함수 스코프 * 선언 (Declaration): 변수를 생성하는 행위 또는 시점 * 할.. 2021. 11. 12.
[JS] DOM 조작 (선택, 변경) JavaScript의 필요성 브라우저 화면을 '동적'으로 만들기 위함 브라우저를 조작할 수 있는 유일한 언어 브라우저에서 할 수 있는 일 - DOM 조작 (Document Object Model) 문서(HTML, XML)를 조작 문서를 구조화, 구조화된 구성 요소는 하나의 객체 주요 객체 window: DOM을 표현하는 창, 가장 최상위 객체 (작성 시 생략가능) document: 페이지 컨텐츠의 Entry Point 역할, 등과 같은 다른 요소 포함 navigator, location, history, screen 단순한 속성 접근, 메서드 활용뿐만 아니라 프로그래밍 언어적 특성을 활용한 조작 가능 파싱 (Parsing) 구문 분석, 해석 브라우저가 문자열을 해석하여 DOM Tree로 만드는 과정 - .. 2021. 11. 12.
728x90

티스토리툴바