* 개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. 이전 [JS] 변수와 상수 포스팅에서 var const 키워드를 이용해 변수와 상수를 선언하는 방법에 대해 알아 보았다. 이번 포스팅 에서는 ES6에서 새롭게 추가된 let 키워드와 var let const 의 차이점에 대해서 정리해 보고자 한다. #1 var vs let #2 let vs const # 정리 ES6버전 이전에는 오로지 var로만 변수를 초기화가 가능했다. 따라서 오래된 JavaScript 코드를 보면 var로 선언된 변수들을 빈번하게 볼 수 있다. 하지만 사실 var키워드는 여러 단점을 지니고 있다. #1 var vs let 1. 재선언이 가능하다. var은 한 번 선언한 변수를 다시 ..
* 개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. 자료형(DataType) 이란 컴퓨터가 처리하는 자료의 형태를 의미한다. JavaScript의 자료형은 크게 값이 하나인 "기본형"과 여러 개의 값을 담고 있는 "복합형"으로 구분할 수 있다. 복합형(배열, 객체)에 대해서는 추후에 자세하게 정리할 예정이다. #1 typeof연산자 #2 기본형 2.1 숫자형_Number 2.2 문자열_String 템플릿문자열 2.3 불린형_Boolean 2.4 undefined&null #3 복합형 3.1 배열_Array 3.2 객체_Object #1 typeof연산자 JavaScript는 변수에 저장하는 값에 따라서 자료형이 자동으로 결정된다. 따라서 만약 변수가 어떤..
* 개인적인 공부 내용을 기록하는 용도로 작성한 글 이기에 잘못된 내용을 포함하고 있을 수 있습니다. #1 변수 선언 방식 #2 변수 명명 규칙 #3 상수 #1 변수 선언 방식 자바스크립트에서 변수는 변하는 값을 저장할 때 사용한다. 변수를 선언 시 변수의 자료형을 미리 지정하는 C/C++ 와 같은 언어들과는 달리 다음 처럼 var 키워드를 변수 앞에 붙여 주기만 하면 된다. C/C++ 처럼 자료형을 미리 지정하는 방식을 "강력한 자료형 체크" (Strong Data Type Check) JavaScript 처럼 자료형을 따로 지정하지 않는 방식을 "느슨한 자료형 체크" (Weak Data Type Check) 라고 부른다. [변수 선언 방식] var 변수이름; // C-Style .. 강력한 자료형 체..
💬 웹브라우저(크롬, 오페라, 익스플로러 등..) 는 개발자가 작성한 HTML 형식의 문서의 정보를 받아들여 웹페이지에 렌더링 해준다. HTML 문서에 대해 이해하기 위해서 우선 HTML 문서를 구성하는 뼈대가 되는 기본적인 테그들 html, head, body, !doctype 테그에 대한 이해가 필수적으로 요구된다. 💡 개인적인 공부 내용을 기록하는 용도로 작성한 글 입니다. 지속적으로 수정해 나갈 예정입니다. #1 #2 #3 #4 이번 포스팅에서는 HTML 문서의 기본 구조를 이루는 태그들에 대해서 정리해 보고자 한다. 웹 문서는 기본적으로 이라는 태그로 시작해 라는 3개의 영역으로 구성된다. #1 태그는 웹 문서의 유형을 지정해 주는 태그이다. html은 만들어진지 오래된 언어라 다양한 버전이 존..
태그와 컨텐츠 [목차] #1 HyperText #2 MarkUp Language * 다음 포스팅은 개인적인 공부 내용을 정리하는 용도로 작성된 글 이기에, 잘못된 정보를 포함하고 있을 수 있습니다. #1 HyperText HTML이란 HypertText MarkUp Language의 약자로, 웹 페이지를 제작할 때 사용되는 언어이다. 본격적으로 HTML 관련 문법에 대해 알아보기 전에, HTML의 이름이 지닌 의미를 자세하게 분석해 보도록 하자. HyperText는 문서와 문서가 연결 되어 있다는 의미인데, 예를들어 특정 홈페이지에서 어떠한 링크 혹은 컨텐츠를 누르면 해당 페이지로 넘어가는 상황을 예시로 들 수 있다. 이처럼 HyperText 즉, 문서와 문서간 연결 = 링크(Link)는 HTML 언어에..