HTML(HyperText Markup Language)은 웹 문서의 구조를 만드는 마크업 언어입니다. 건축과 비교하면 철골을 세우는 작업을 하는 것과 같습니다. HTML은 element로 이루어져 있고, tag를 통해 각 부분의 역할을 나눕니다. HTML 문서는 기본적으로 ~ 안에 작성되며, 영역, 영역으로 나누어져 있습니다. 영역은 문자 형식, 브라우저에 대한 설명글 등 meta 태그로 브라우저에게 정보를 주거나 title과 같은 제목을 작성합니다. 영역은 사용자에게 노출되는 영역으로 웹 페이지를 열면 보이는 것들이 영역 안에 작성됩니다. 아래의 예제를 통해서 element의 구조를 살펴보도록 하죠.(이미지는 MDN HTML 시작하기에서 가져왔습니다.) 여는 태그 : 에 해당되며, 태그를 시작합니다...

JavaScript에서는 함수나 연산자로 값이 넘어갈 때 자동적으로 자료형 타입이 바뀌는 경우가 있습니다. 이를 형변환이라고 합니다. 형변환은 자동으로 바뀌는 것 뿐만 아니라 명시적으로 바꿔줄 수도 있습니다. 문자열로 변경할 때는 String이라는 API를 사용합니다. 문자열로의 형변환은 무언가 출력할 때 많이 사용됩니다. let stringValue = String(1); // "1"이 저장됨 let numberValue = 1; // 1이 저장됨 숫자형으로 변경할 때는 Number라는 API를 사용합니다. 뿐만 아니라 수학과 관련된 함수와 연산을 하면 모두 숫자형으로 자동으로 형변환이 됩니다. 숫자형으로의 형변환은 수학 계산에 많이 사용됩니다. let a = "6" / "2"; // 3이 저장됨 le..

JavaScript에는 7개의 자료형이 있습니다. 숫자(number), 문자열(string), 불린, null, undefined, 객체(object), 심볼(Symbol) 숫자형은 말 그대로 숫자를 나타내는 자료형입니다. 정수, 부동 소수점을 포함한 숫자를 나타낼 수 있습니다. let num = 15; const PI = 3.141592; 숫자형에는 수 뿐만 아니라 특수 숫자 값이 포함됩니다. 여기에 Infinity, -Infinity, NaN이 있습니다. 숫자를 0으로 나누면 다른 언어에서는 대부분 오류가 발생하지만 JavaScript에서는 Infinity라는 값을 반환합니다. alert ( 6 / 0 ); // Infinity 출력 NaN은 숫자 계산 중 오류가 발생했을 때 리턴하는 값입니다. 부정..

변수(Variable)는 변할 수 있는 데이터를 말합니다. let과 var로 선언할 수 있지만 let을 사용하기를 추천드립니다. 선언은 아래와 같이 할 수 있습니다. let x = 10; x = 15; alert(x); 위와 같이 작성하면 x의 초기화는 10으로 되었지만 후에 x에 15를 할당하고 15가 출력되는 것을 볼 수 있습니다. 한 줄에 여러 변수를 선언할 수도 있습니다. let name = "Steve", age = 24, city = "London"; alert(age); // 24 하지만 이렇게 한 줄에 여러 변수를 선언하는 것은 가독성을 해치기 때문에 한 줄에는 하나의 변수만 선언하는 것을 권장합니다. 여러 줄로 변수를 작성하는 것에는 방법도 여러 가지가 있습니다. let name = "A..

JavaScript에서 구문은 일반적으로 한 줄에 한 문을 작성합니다. alert("Hello"); alert("World!!"); 그리고 일반적으로 줄 바꿈이 있으면 세미콜론을 생략할 수 있습니다. 암시적으로 세미콜론이 존재한다고 인식합니다. alert("Hello") alert("World!!") 이 코드는 위의 코드와 같은 동작을 합니다. 하지만 항상 인식하는 것은 아닙니다. alert(3 + 2 + 1); 위와 같은 코드는 세미콜론으로 인식하지 않고 6을 출력하게 됩니다. 그리고 아래와 같은 상황은 세미콜론의 부재가 매우 치명적으로 작용합니다. alert("Error") [1,2].foreach(alert) 위 코드는 alert 문만 출력하고 1과 2는 출력하지 않습니다. 대괄호는 앞에 세미콜론이..

※ 이 글은 드림코딩 앨리님의 영상을 보고 정리한 글입니다. 정리가 아주 잘 된 영상이니 보시길 추천드립니다. https://www.youtube.com/watch?v=wcsVjmHrUQg&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2 1993년 NCSA라는 팀에서 Mosaic Web Browser라는 웹 브라우저를 개발합니다. 이 팀을 이끌던 Marc Andreessen(이하 Marc)은 대학교를 졸업함과 동시에 Netscape라는 회사를 설립하고 이전에 만들었던 브라우저에서 조금 더 개선된 Netscape Navigator를 시장에 출시합니다. 이 브라우저는 하이퍼텍스트로 페이지 전환만 가능했던 매우 정적인 브라우저였습니다. NetScape는 80%의 시장 점유율을 차지하며 ..