목록 웹 개발/JavaScript (19)
이롭게 현명하게
목차 연산자 목록 산술 연산자 대입 연산자 증감 연산자 비교 연산자 논리 연산자 비트 연산자 기타 연산자 [연산자 목록] 우선순위 연산자 설명 결합 방향 1 () 묶음(괄호) - 2 . 멤버 접근 왼쪽에서 오른쪽으로 new 인수 있는 객체 생성 - 3 () 함수 호출 왼쪽에서 오른쪽으로 new 인수 없는 객체 생성 오른쪽에서 왼쪽으로 4 ++ 후위 증가 연산자 - -- 후위 감소 연산자 - 5 ! 논리 NOT 연산자 오른쪽에서 왼쪽으로 ~ 비트 NOT 연산자 오른쪽에서 왼쪽으로 + 양의 부호 (단항 연산자) 오른쪽에서 왼쪽으로 - 음의 부호 (단항 연산자) 오른쪽에서 왼쪽으로 ++ 전위 증가 연산자 오른쪽에서 왼쪽으로 -- 전위 감소 연산자 오른쪽에서 왼쪽으로 typeof 타입 반환 오른쪽에서 왼쪽으로 ..
목차 기본타입 null과 undefined 타입변환 변수 [기본타입] 타입(type) : 프로그램에서 다룰 수 있는 값의 종류 원시 타입(primitive type) 객체 타입(object) 숫자(number) : 정수, 실수 문자열(string) : "" , '' 불리언(boolean) : true or false 심볼(symbol) : ECMAScript 6부터 typeof : 피연산자의 타입을 반환하는 비연산자가 단 하나뿐인 연산자 typeof 연산자 자바스크립트의 기본타입은 객체이다. 객체(object) : 실생활에서 우리가 인식할 수 있는 사물 여러 프로퍼티(property)나 메서드(method)를 같은 이름으로 묶어놓은 일종의 집합체 객체 타입 [null과 undefined] null : o..
목차 window.alert() 메서드 HTML DOM 요소 사용 document.write() 메서드 console.log() 메서드 [window.alert() 메서드] window.alert() 메서드 : 브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달한다. 알림창 이라고도 한다. window객체의 모든 메서드나 프로퍼티를 사용할 때는 window라는 접두사를 생략할 수 있다. Window 객체의 alert() 메소드 alert 대화 상자 [HTML DOM 요소 사용] HTML DOM 요소를 이용한 innerHTML 프로퍼티는 실제 자바스크립트 코드에서 출력을 위해 가장 많이 사용되는 방법이다. document 객체의 getElementByID()나 getElementsByTagNam..
목차 내부 자바스크립트 코드 외부 자바스크립트 코드 자바스크립트를 적용하기 위해서는 에디터가 필요하다. [vscode 설치하기] [VSCODE] VSCODE 설치 / Visual Studio Code 설치하기 목차 VSCODE 설치 VSCODE 환경설정 (한글설정) 번외 [ VSCODE 설치 ] 1. 홈페이지 접속 2. 본인의 운영체제에 맞는 설치 파일 클릭 저는 window운영체제로 설치하였습니다. 2. 설치 파일 클릭 후 동의합니다 devyihyun.tistory.com [내부 자바스크립트 코드로 적용] 자바스크립트 코드는 태그를 사용하여 HTML 문서 안에 삽입할 수 있다. HTML 문서의 자바스크립트를 이용하면 현재 날짜와 시간 정보에도 손쉽게 접근할 수 있어요! 1. 현재 날짜와 시간 표시하기!..
목차 개요 기초 소개 [자바스크립트 개요] HTML : 웹의 내용을 작성 CSS : 웹을 디자인 JavaScript : 객체(object) 기반의 스크립트 언어로 웹의 동작을 구현할 수 있다. 자바스크립트는 주로 웹 브라우저에서 사용되나 Node.js 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있다. 컴퓨터, 스마트 폰에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어있다. [자바스크립트 기초] 자바스크립트를 배우기 전에 필요한 기초 지식은 HTML과 CSS이다. 자바스크립트는 객체 기반의 스크립트 언어이다. 자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어이다. 자바스크립트는 객체지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다. 🤔 인..
목차 forEach map filter splice와 slice shift, pop, unshift, push reduce [ forEach ] 배열 안에 있는 모든 원소들을 출력하고 싶을 때 사용한다. const coding = [ "c", "Java", "JavaScript", "Python", ] console.log(coding) // ["c", "Java", "JavaScript", "Python"] // 반복문 사용 for (let i = 0; i{ console.log(lang) }) //c //Java //JavaScript //Python // 에러 coding.forEach() [ map ] 배열 안에 모든 원소를 변환할 때 사용 for, forEach문을 사용해서 원소를 변환할 수 있..