본문 바로가기
JS의 데이터 타입 2 (객체) 자바스크립트의 참조 타입(객체 타입) 자바스크립트에서 기본 타입을 제외한 모든 값은 객체다. 따라서 자바스크립트에서는 함수(값으로 취급), 정규표현식, 배열 등도 객체로 표현된다. 자바스크립트의 객체는 '키(Key): 값(Value)' 형태로 된 프로퍼티들의 집합으로 볼 수 있다. 객체에서 프로퍼티들은 추가, 수정, 삭제될 수 있다. 프로퍼티들은 키(Key)를 통해 구분되고, 프로퍼티의 키 값은 문자열(String)이나 심볼(Symbol)로만 구성된다. 그리고 값(Property Values)은 기본타입과 참조타입 어떤 타입의 값이라도 될 수 있다. 객체 생성 자바스크립트에서 객체를 생성하는 방법은 크게 세 가지가 있다. 자바스크립트 내장 Object() 객체 생성자 함수 이용하기 객체 리..
JS의 데이터 타입 1 (기본 타입) 동적인 언어, 자바스크립트 자바스크립트는 기본적으로 느슨한 타입 체크(loosly typed) 언어이자 동적 타입(dynamic typed) 언어이다. 그래서 자바스크립트에서 변수를 선언할 때 필요한 예약어는 var 단 하나이다.(사실 var 없이도 변수 선언이 가능하다.) 하나의 변수에 모든 타입의 데이터를 넣을 수 있다. 자바스크립트의 데이터 타입 자바스크립트의 데이터 타입은 기본 타입(Primitive Type)과 참조 타입(Reference Type) 이렇게 크게 2가지로 나눌 수 있다. 자바스크립트의 기본 타입에는 불린, null, undefined, 숫자, 문자열, 심볼(Boolean, Null, Undefined, Number, String, Symbol)이 있다. Symbol은 ES6에서 ..
Vuex 공부일기 1 Vuex 공부일기 1 - Vuex 소개vuex란 무엇인가?vuex는 vue.js의 상태관리 패턴 + 라이브러리이다. 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 한다. 상태관리 패턴이란 무엇인가?Vue는 자체적으로 MVVM 패턴을 지향한다고 말할 수 있다. 그래서 앱의 화면을 구성하는 각각의 뷰들을 컴포넌트로 만들어 관리한다. 그래서 프로젝트가 크다면 각각의 컴포넌트들을 관리하기가 힘들어진다. 따라서 각각의 컴포넌트들의 상태(데이터)들을 관리하기 위한 것이 바로 상태관리 패턴이다.상태관리 패턴의 필요성Vue를 사용하는 앱이 커지면 크게 두가지 문제가 발생한다.Vue의 컴포넌트간 기본 통신 방식인 부모-자식간 통신때문으로 불필요한 통신이 많이 생길 수 있다.부모-자식 통신대신 Event ..
변수의 유효범위(스코프 scope) 변수의 유효범위는 어떤 변수가 정의되어 있는 범위를 이르는 말이다. 변수가 선언된 위치에 따라 이 유효범위가 전역이냐 지역이냐로 나뉘어진다. 자바 스크립트에서 전역 변수는 코드 전역에서 정의되어 있지만 어떤 함수 안에 정의된 지역 변수는 해당 함수 내에서만 유효하다. 함수 안에서 선언한 변수뿐만 아니라 매개변수 또한 지역 변수다. 지역 변수(매개변수 포함)와 전역 변수의 이름이 같을 때에는 지역 변수가 전역 변수를 감추게 된다. var a = "global" // 전역 변수 선언 function check1() { var a = "local" // 지역 변수 선언 return a // 지역 변수 반환 } check1() // "local" 반환 전역 변수를 선언할 때에는 var 없이 선언할 수 있지만 v..
동기와 비동기 JavaScript에 대해서 검색하면 항상 빠지지 않고 나오는 단어가 있습니다바로 동기(synchronous)와 비동기(asyncronous)입니다. 저는 항상 이 두 단어 동기와 비동기를 헷갈려했는데요그래서 저는 이 두가지 개념을 확실히 알기 위해 이번 포스트를 작성하게 됐습니다. 동기는 해당 동작이 완전히 끝난 이후에 다음 동작을 수행하는 것이고,비동기는 동작이 끝나지 않았더라도 다른 동작도 함께 수행하는 것입니다. 또한 동기는 명령이 끝날 때 까지 사용자에게 제어권을 주지 않고,비동기는 명령의 종료 여부에 상관없이 사용자에게 제어권이 주어집니다. 동기의 예는 자바스크립트에서 alert 함수에서 잘 볼 수 있습니다.alert 함수를 실행시키면 해당 창에서 사용자가 상호작용을 하기 전까지 다음 구문이 ..
HTML이란 HTML은 Hyper Text(문서와 문서 사이에 연결된 링크를 통해 이동할 수 있는 텍스트) Markup Language(마크업 언어)의 줄임말입니다. 마크업 언어는 프로그래밍 언어들과 다르게 해당 문서의 구조나 정보를 담는 언어입니다. HTML은 1990년대 초에 가상의 문서 시스템을 만들기를 원했던 팀 버너스 리에 의해서 개발되었습니다. 팀 버너스 리는 하이퍼텍스트라는 서로서로 연결하는 개념에 자신이 고안한 WWW(월드 와이드 웹)에 접목하여 HTML, HTTP, URL을 만들어냈습니다. HTML은 마크업을 통해서 웹 페이지의 구조를 나타냅니다. 우리가 보는 웹 페이지들은 모두 밑에 보이는 코드처럼 HTML으로 구성되어져 있습니다. 타이틀 반갑습니다 안녕하세요 위 코드는 아주 간단한 HTML 구조입..

티스토리툴바