일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- webProject
- input
- 자바스크립트
- HTML
- 렌더링
- 이벤트핸들링
- 배열
- 컴포넌트
- typeScript
- Props
- addEventListener
- 비동기함수
- useRef
- 함수 실행
- 리액트
- try.. catch
- FrontendStydy
- useState
- 배열메소드
- 이벤트
- promise
- 메소드 실행
- REACT
- this 객체
- CSS
- callback함수
- DOM
- Frontend Study
- frontendstudy
- JavaScript
- Today
- Total
목록자바스크립트 (16)
이다닷
for문 for문은 구문 작성시 반복을 위해 필요한 세 가지 요소를 한 곳에 모아 작성함으로써 보다 명시적으로 반복 횟수를 표현할 수 있는 직관적인 구문이다. for(초기식; 조건식; 반복식){ //조건이 true인 경우 반복 수행할 코드 } => 초기식 : 반복 조건의 초기화 작업 ex) x=0 => 반복식 : 반복이 한 번 끝날 때마다 실행될 작업 ex) x++ 오늘의 실습 for(let i = 1; i
자바스크립트에서 비교란? 자바스크립트는 주어진 두 항을 비교할 수 있는 '비교 연산자'를 제공한다. 다음 두 가지 유형의 비교를 할 수 있다. 대소 비교 (크다, 작다) 등가 비교 (같다, 다르다) 📌무언가를 비교하는 작업 또한 '연산'의 일종으로 취급한다! 비교 연산의 특징 비교 연산식은 언제나 boolean 데이터를 반환한다. 크냐 작냐를비교하는 대소 비교, 같냐 다르냐를 비교하는 등가 비교는 모두 하나의 질문이며, 질문에 대한 답이 참(True) 또는 거짓(False)인 것이다. 대소 비교 대소 비교는 다음 네 가지 연산자를 사용해 처리할 수 있다. 의미 연산자 사용 형태 크다 > A > B 작다 = A >= B 작거나 같다
window.document window.document은 현재 브라우저에 렌더링되고 있는 문서를 의미하며, 이 속성을 이용하면 해당 문서에 접근할 수 있다. 즉, DOM에 대한 진입점 역할을 하는 프로그래밍 인터페이스이다! 이를 이용하면 페이지의 정보를 얻거나 웹 요소를 생성 및 조작할 수 있다. 속성과 메소드를 제공 document는 문서(HTML, XML, SVG 등)에 대한 공통의 속성과 메소드를 제공한다. 즉, 다양한 API를 제공한다. 📌관련 문서 링크 Document - Web API | MDN (mozilla.org) Document - Web API | MDN Document 인터페이스는 브라우저가 불러온 웹 페이지를 나타내며, 페이지 콘텐츠(DOM 트리)의 진입점 역할을 수행합니다. D..
DOM을 알아보기 전에 웹브라우저는 HTML 문서를 해석하고, 화면을 통해 해석된 결과를 보여준다. 해석한 HTML 코드를 화면을 통해 보여주는 과정을 '렌더링'이라고 한다. 렌더링의 세부 과정 브라우저는 HTML 코드를 해석해서 요소들을 트리 형태로 구조화해 표현하는 문서를 생성한다. 이를 DOM이라고 하며, 브라우저는 DOM을 통해 화면에 웹 콘텐츠들을 렌더링한다. 아래에 있는 사진처럼 트리 형태를 띄우게 된다. DOM의 존재 목적 DOM은 자바스크립트를 사용해서 웹 콘텐츠를 추가, 수정, 삭제하거나 마우스 클릭, 키보드 타이핑 등 이벤트에 대한 처리를 정의할 수 있도록 제공되는 프로그래밍 인터페이스이다.
연산 연산이란 '식이 나타낸 일정한 규칙에 따라 계산함'을 뜻한다. 사용자는 자바 스크립트 코드를 통해 연산을 처리하는 식을 만들 수 있고, 여기에 사용하는 기호를 '연산자'라 한다! 산술 연산 산술 연산은 더하기, 빼기 등 수를 이용한 계산이다. 두 개의 숫자 데이터를 피연산자로 받아서 하나의 숫자 데이터를 결과로 반환한다. 의미 연산자 예제 더하기 + 2 + 2 -> 4를 반환 빼기 - 5 - 2 -> 3을 반환 곱하기 * 3 * 2 -> 6을 반환 나누기 / 1 / 2 -> 0.5를 반환 나머지 % 12 % 5 -> 2를 반환 결과의 반환 산술 연산을 처리하는 식을 사용하면, 해당 식은 연산 결과를 반환한다. 즉, 식이 데이터로 대체된다! 📌실제 코드가 바뀌는 게 아닌, 실행 시에 결과가 반영된다는..
객체의 사전적 의미 객체란 실세계에 존재하는 대상 또는 생각할 수 있는 어떠한 개념이다. ex) 내 옆에 있는 스마트폰, 침대에 놓여있는 리모컨, 그것들을 바라보는 나 자신 이 모든것이 객체이며, 이렇듯 객체란 우리가 사는 세상을 구성하는 하나하나를 말한다. 자바스크립트에서 객체란? 어떠한 사물이나 개념을 소프트웨어적으로 표현하기 위해 사용하는 문법적 수단을 말한다. 자바스크립트 코드 내에서 객체란 '값 또는 기능을 가지고 있는 데이터'이다. 즉 소프트웨어적 사물인 것이다. 웹브라우저 웹브라우저도 객체이다. 웹브라우저는 소프트웨어 세계에 존재하는 사물, 즉 객체이다. 그리고 자바스크립트는 웹브라우저라는 객체에게 명령을 내리기 위해 사용하는 언어이다. 사용자가 웹브라우저에게 명령을 내릴 수 있도록 돕기 위..