JS
1.[JS] WebAPI - 웹문서 조작하기(기초)
Javascript는 HTML 문서를 조작하기 위해 만들어진 언어그렇다면 어떻게 조작할까?각 브라우저는 웹문서를 해석할 수 있는 랜더링 엔진이 있음웹문서 열면 -> 랜더링 엔진이 HTML문서를 한줄 한줄 해석하여 ‘객체’화 함 -> 문서(Document) 객체(Obje
2.[JS] for문을 이용해서 별(*) 찍기 (삼각형, 다이아몬드 모양 등)
for문을 사용해 각 행을 출력하고 안에서 repeat을 변수 i이용해서 *을 출력하는 방식으로 작성함.공백이 포함되는 4~5번 문제의 경우 empty 변수를 넣어서 공백개수를 저장해서 마찬가지로 repeat을 이용해서 를 출력하는 방식으로 작성함.
3.[JS] 변수와 상수, 자료형
변수와 상수 변수 선언 후 할당되는 값이 변할 수 있는 값을 갖는 일종의 그릇 같은 개념 입니다. let, var로 선언합니다. 단, var의 경우 호이스팅 문제로 사용을 지양하며, 호이스팅이 발생하지 않는 let을 사용합니다. > 💡 호이스팅 호이스팅이란, 코드
4.[JS] 연산자와 제어문(조건문, 반복문, 분기)
연산자 연산자란 특정한 동작을 하도록 지시하는 기호입니다. 값끼리 더하고, 빼거나, 나누거나, 곱하거나, 비교하거나의 작업을 할 수 있습니다. 산술연산자 산술연산자는 기본적으로 숫자형에서만 사용합니다. 단, +의 경우 문자열끼리 합해줄 때 사용할 수도 있습니다. 이
5.[JS] 함수
함수 작성해놓은 여러 명령, 기능들을 하나의 함수로 묶어서 사용합니다. 함수로 정의해놓으면 필요할 때 마다 해당 함수를 호출해서 이용할 수 있습니다. 위 경우를 보면 함수 없이 사용할려면, console.log('Hello'); 명령을 직접 5번 입력해줘야하지만 함수
6.[JS] 객체 - ① 기본개요와 JS내장객체
객체란? JavaScript에서 객체(Object)란 JavaScript의 모든 것이라 볼 수 있을 정도로 모든 것이 객체라 볼 수 있습니다. 사용자 정의 객체 JS 내장객체 브라우저 객체 윈도우 객체 객체의 형태 JS 객체는 {KeyName: KeyValue} 의
7.[JS] 객체 - ② 브라우저 관련 객체 (BOM)
웹 브라우저가 창에 문서가 표시될 때 눈에 보이지는 않지만 웹문서르 읽어들이면서 브라우저 내 여러 요소들을 객체로 생성하게 됩니다. 이를 브라우저 객체 모델(BOM, Browser Object Model)이라고 합니다.브라우저 객체의 종류window : 브라우저 객체
8.[JS] 객체 - ③ 문서 객체 모델(DOM)
문서 객체 모델(DOM) Document Object Model로 JavaScript를 이용해서 웹 문서에 접근하고 제어할 수 있도록 객체를 사용해 웹 문서를 체계적으로 정리하는 방법 입니다. DOM tree DOM구조는 아래와 같이 트리구조로 구형되어있습니다. do
9.[JS] 이벤트 다루기
이벤트란 GUI 환경에서 웹 문서 내 사용자의 어떠한 동작을 말합니다.주요 이벤트로는 마우스 이벤트, 키보드 이벤트, 문서 로딩 이벤트, 폼 이벤트 등이 있습니다.💡이벤트 중첩위 처럼 마우스 이벤트에는 click이벤트를 처리하려했는데, mousedown, mouseu