개발자 퉁이리

데이터 타입 데이터 타입은 값의 종류다. 자바스크립트의 모든 값은 데이터 타입을 가진다. 자바스크립트(ES6)는 7개의 데이터 타입을 제공한다. 구분 데이터 타입 설명 원시 타입 숫자(number) 타입 숫자, 정수와 실수 구분 없이 하나의 숫자 타입만 존재 문자열(string) 타입 문자열 불리언(boolean) 타입 논리적 참(true)과 거짓(false) undefined 타입 var 키워드로 선언된 변수에 암묵적으로 할당되는 값 null 타입 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 심법(symbol) 타입 ES6에서 추가된 7번째 타입 객체 타입 객체, 함수, 배열 등 숫자 타입 - 정수와 실수를 구분하지 않는다. - 자바스크립트는 모든 수를 실수로 처리한다. - 정수, 실수, 2진수..

1. 값 값은 식(표현식)이 평가되어 생성된 결과를 말한다. 내가 값의 정의를 알고 있었나....? 왜 처음 보는 것 같지 (충격) 2. 리터럴 리터럴은 사람이 이해할 수 있는 문자 or 약속된 기호를 사용해 값을 생성하는 표기법이다. //숫자 리터럴 3 리터럴 예시 비고 정수 리터럴 100 부동소수점 리터럴 10.5 2진수 리터럴 0b01000001 0b로 시작 8진수 리터럴 0o101 ES6에서 도입. 0o로 시작 16진수 리터럴 0x41 ES6에서 도입. 0x로 시작 문자열 리터럴 'Hello' "Hello" 불리언 리터럴 true false null 리터럴 null undefined 리터럴 undefined 객체 리터럴 { name: 'Lee', address: 'Seoul' } 배열 리터럴 [ ..

1. 변수 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 또는 그 메모리 공간을 식별하기 위해 붙인 이름이다. 간단히 말해서 값의 위치를 가리키는 상징적인 이름이다. 프로그래밍 언어는 기억하고 싶은 값을 메모리에 저장하고 사용한다. 이때 메모리에 저장한 값을 재사용하기 위해 변수라는 메커니즘을 사용한다. 변수 이름은 사람이 이해할 수 있는 언어로 값이 저장된 메모리 공간에 붙인 상징적인 이름이다. 2. 식별자 변수 이름을 식별자라고도 한다. 식별자는 어떤 값을 구별해서 식별할 수 있는 고유의 이름이다. - 값이 아니라 메모리 주소를 기억한다. - 메모리 상 존재하는 식별 가능한 이름은 전부 식별자라 부른다. 3. 변수 선언 변수 선언은 변수 생성이다. 변수를 사용하기 위해서는 반드시 선언이 필요하..

1. 자바스크립트 실행 환경 모든 브라우저는 자바스크립트를 해석하고 실행할 수 있는 자바스크립트 엔진을 내장하고 있다. 브라우저뿐만 아니라 Node.js도 자바스크립트 엔진을 내장하고 있다. → 따라서 자바스크립트는 브라우저 환경 또는 Node.js 환경에서 실행 가능 하지만 주의해야 할 점이 있다. 자바스크립트가 브라우저와 Node.js에서 동일하게 동작하지만 둘의 용도는 다르다. 브라우저 = HTML, CSS, JS를 실행해 웹 페이지를 화면에 렌더링 하는 것이 목적 Node.js = 브라우저 외부에서 JS 실행 환경 제공이 목적 정리하자면 브라우저와 Node.js는 위 사진과 같이 자바스크립트 실행 환경을 제공해주는 건 같지만 서로의 역할이 존재한다. 2. 웹 브라우저 개발자 도구 콘솔 ERROR가..

1. 자바스크립트의 탄생 1995년, 웹페이지의 보조적인 기능을 수행하기 위해 브랜던 아이크(Brendan Eich)가 자바스크립트를 개발했다. 2. 자바스크립트의 표준화 자바스크립트는 경쟁사인 마이크로소프트의 JScript와의 시장 점유율 싸움으로 인해 브라우저에 따라 웹페이지가 정상적으로 동작하지 않는 크로스 브라우징 이슈가 발생했다. 따라서 모든 브라우저에서 정상적으로 동작하는 표준화된 자바스크립트가 필요했다. 그리고 1997년 7월, ECMA-262라 불리는 표준화된 자바스크립트 초반(ECMAScript)이 등장한다. ECMAScript는 자바스크립트 표준 사양인 ECMA-262를 말하며, 핵심 문법을 규정한다. 버전 출시 연도 특징 ES1 1997 초판 ES2 1998 ISO/IEC 16262 ..

1. 프로그래밍이란? 프로그래밍이란 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다. 따라서 커뮤니케이션을 하기 위해 무엇을 실행하고 싶은지 명확히 이해한 후 문제 해결 방안을 정의해야 한다. 이에 요구되는 것이 문제 해결 능력이다. 커뮤니케이션을 위해 문제 해결 능력이 필요하지만 문제 해결 방안을 고려할 때 또 필요한 능력이 있다. 바로 컴퓨팅 사고다. 컴퓨팅 사고란 문제 해결 방안을 고려할 때, 컴퓨터의 입장에서 문제를 바라보는 사고다. 컴퓨터는 0과 1밖에 알지 못하는 기계다. 그러한 기계가 실행할 수 있을 정도로 정확하고 상세하게 요구사항을 설명해야 한다. 한 문장으로 정리하자면 프로그래밍을 하기 위해서는 0과 1밖에 모르는 기계에게 컴퓨팅 사고를 통해 정확하고 상세한 커뮤니케이션을 함으로써 문..

CSS 정의 css는 Cascading Style Sheets의 약자로 HTML과 같은 문서의 스타일을 꾸밀 때 사용하는 언어다. HTML이란? [WEB] HTML이란? (1/3) [WEB] HTML 기본 형식 (2/3) [WEB] HTML 자주 사용하는 태그 순위 (3/3) CSS 탄생 배경 사람들은 HTML으로 문서를 만들고 보는 것에 만족하지 않았다. 문서를 좀 더 보기 좋고 예쁘게 꾸미고 싶었다. 그리고 사람들은 곧 두 가지 방안을 제시했다. 하나는 기존 HTML에 디자인 태그 추가, 다른 하나는 새로운 디자인 언어를 만드는 것이다. 결과적으로는 기존의 HTML에 디자인 기능 추가보다 유지보수가 편리한 새로운 언어 CSS를 만들었다. CSS 사용법 스타일을 지정할 HTML 요소를 선택한다. 그리고..

오늘은 HTML에서 자주 사용하는 태그 모음을 가져왔다. HTML 자주 사용하는 태그 순위 1. 문서의 시작과 끝을 의미하는 태그 2. HTML 문서에 관한 기본 정보를 가진다. 브라우저 화면에 노출은 안 된다. 3. HTML 본문 브라우저에 표시 4. 문서의 제목을 나타내는 태그 5. 인코딩, 키워드 등을 정의하는 단일 태그 6. 그룹으로 묶어주는 태그 (줄 바꿈 O) 7. 그룹으로 묶어주는 태그 (줄 바꿈 X) 8. 하이퍼링크 형식으로 사용한다. 9. 스크립트 코드를 요소 내부에 직접 명시 외부 스크립트 파일 참조 10. 해당 문서와 외부 소스 사이 관계 정의 외부 파일 연결 태그 11. 이미지 삽입 태그 12. 인라인 요소들을 하나로 묶는 태그 13. 단락 태그 14. 리스트에 포함되는 아이템을 정..

이전 시간에 우리는 HTML 정의, 기능과 구성요소에 대해 알아봤다. [WEB] HTML이란? (1) HTML 정의 HTML은 Hyper Text Markup Language의 약자로 웹페이지를 만들기 위한 언어이다. HTML 기능 웹페이지에서 다른 페이지로 이동할 수 있게 해주는 기능을 한다. 웹페이지란? 웹페이지는 월드 와이드 tooo1.tistory.com HTML은 다양한 구성 요소로 이루어져 있고, 그 요소를 태그로 표현한다. 오늘은 HTML의 기초, 기본 구성과 그 기본 구성의 요소인 태그에 대해 알아보자 HTML의 기본 구성(기본 형식) 위는 HTML의 기본적인 형식이다. 이제 기본적인 형식의 구성 요소인 태그를 하나씩 알아보자. HTML의 기초 태그 ◆ 어떤 문서 유형인지 선언하는 부분(페..

HTML 정의 HTML은 Hyper Text Markup Language의 약자로 웹페이지를 만들기 위한 언어이다. HTML 기능 웹페이지에서 다른 페이지로 이동할 수 있게 해주는 기능을 한다. 웹페이지란? 웹페이지는 월드 와이드 웹(World Wide Web)이라는 공간에 있는 있는 문서를 뜻한다. 이러한 웹페이지들 중, 서로 관련된 내용으로 작성된 웹페이지들의 집합을 웹사이트라고 한다. ※web > web site > web page HTML 구성 요소 HTML은 다양한 구성요소로 이루어져있다. 그리고 우리는 그 각각의 요소를 태그(tag)로 표현한다. ※HTML의 TAG는 대소문자를 구분하지 않는다. 태그의 형식 HTML 대부분의 태그는 시작 태그와 종료 태그로 이루어져 있다. 종료태그 없이 시작 ..