목록 JavaScript (55)
이롭게 현명하게
목차 기본타입 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문을 사용해서 원소를 변환할 수 있..
목차 scope 이해하기hoistingvar의 호이스팅let의 호이스팅호이스팅을 피해야 하는 이유 https://devyihyun.tistory.com/124 [JavaScript] 자바스크립트 변수(var, let, const)목차 var, let, const란?var 특징let 특징const 특징var를 사용하면 안 되는 이유 varletconst중복선언가능금지금지재할당가능가능금지스코프함수 레벨 스코프블록 레벨 스코프블록 레벨 스코프선언/devyihyun.tistory.com [scope 이해하기]scope : 변수, 함수를 선언할 때 해당 변수 또는 함수가 사용할 수 있는 범위를 의미한다. Global : 코드의 전 범위에서 사용할 수 있다.Function : 특정 함수 내부에서만 사용할..