TIL LIST/JavaScript (21) 썸네일형 리스트형 [기초 이론] Variable, Constant 변수와 상수 변수(Variable)란 기본적으로 값(숫자, 텍스트 문자열 등)에 이름을 붙이는 것이다. 변수는 var, let 으로 구분되어 있으며 해당 키워드와 그 뒤의 이름으로 생성할 수 있다. 상수(Constant) 또한 변수처럼 이름을 붙인 값이지만, 변수와 달리 상수의 값은 바꿀 수 없다. 상수는 const 키워드와 그 뒤의 이름으로 생성할 수 있다. 변/상수 뒤에 등호(=, Equal Sign)를 붙여 원하는 값(Value)을 할당해준다. 근래 들어 var로 변수 선언하는 것은 최대한 지양하고 있으며, 변수는 let, 상수는 const로 고정하도록 한다. 상수 const a = 10; const b = 2; console.log(a + b); // 12 console.log(a - b); //.. [기초 이론] How to add the JavaScript to WebPage? 웹 페이지에 JavaScript를 어떻게 넣을까? CSS와 비슷한 방법으로 JavaScript를 HTML 코드에 적용할 수 있다. CSS가 요소로 외부 스타일 시트를 적용하고, 요소로 내부 스타일 시트를 적용했다면 JavaScript는 외부 JavaScript 가장 많이 쓰이는 방식으로 내부 JavaScript를 외부 파일로 분리하고 싶을 때 사용한다. 내부 JavaScript와 마찬가지로 HTML 파일의 부분의 최하단에 아래와 같이 입력한다. Lorem ipsum let a = 0; 인라인 JavaScript 가끔 HTML에 JavaScript 코드가 포함될 수 있다. HTML 코드에 인라인으로 CSS를 넣는 것처럼 인라인 JavaScript 또한 HTML 코드가 무거워지고, 수정이 비효율적이므로 되도.. [기초 이론] What is the JavaScript doing on WebPage? 웹 페이지에서 JavaScript는 어떤 일을 하는가 브라우저가 웹 페이지를 불러오면 브라우저는 코드(HTML, CSS, JavaScript)를 실행 환경(브라우저 탭)에서 실행한다. 원자재를 가져와서 상품을 생산하는 공장처럼 생각할 수 있다. JavaScript는 웹 페이지에서 복잡한 프로그래밍 기능을 구현할 수 있다. 예를 들어 DOM (Document Object Model) API를 통해 HTML과 CSS를 동적으로 수정, 사용자 인터페이스를 업데이트하는 일에 가장 많이 쓰인다. 참고로 웹 페이지의 코드는 보통 문서 상에 나타나는 위에서 아래로 나열되는 순서 그대로 불러와 실행한다. 수정하려는 HTML과 CSS 코드보다 JavaScript를 먼저 불러와 실행하면 먹히지 않을 수 있다. → 브라우저.. [기초 이론] What is the JavaScript? JavScript란 무엇인가? JavaScript를 설명하기 전에 웹을 구성하는 요소를 설명하고자 한다. 만약 웹이 사람이라면 어떻게 표현될 수 있을까? 그것을 단적으로 보여주는 Dev Human의 사진을 참고하여 설명하도록 하겠다. HTML(HyperText Markup Language)는 인체 자체의 뼈, 즉 큰 구조를 짜고 의미를 부여하는 마크업 언어이다. 페이지의 문단이 들어가는 위치나 데이터 표와 외부 이미지/비디오를 정의한다. CSS(Cascading Style Sheets)는 정돈된 인간이다. 구조로 구성된 HTML 콘텐츠에 스타일을 적용할 수 있는 스타일 규칙 언어로 배경색을 추가하거나, 글꼴을 바꾸고, 콘텐츠를 신문처럼 다열 레이아웃으로 배치할 수 있다. eyes { display: fl.. [기초 이론] 서론 자바스크립트를 오래 공부하고 있지만 스스로 코드 짜는 걸 어려워하는 이유는 언어 자체를 이해 못했다기 보다 문법이 약해 어떻게 작성해야 할 지 모르는 탓이다. 영어는 문법 까짓 대충 몰라도 바디랭귀지와 억양으로 소통은 가능한데 비해 컴퓨터는 멍청하기 때문에 완벽하게 말하지 않으면 내가 무엇을 전달하고 싶은 지 모른다. 이에 자바스크립트 기본 문법을 암기 겸 필사하도록 한다. 참고 자료는 MDN과 내가 여태 들은 JavaScript 영상 강의이다. MDN의 JavaScript 내용은 프로그래밍 내용도 다소 포함되어 있다. 비전공자인 내가 전공자인 개발자들에게 뒤처지지 않는다는 것을 보여주고 싶으므로 내년 상반기에 정보처리기사 자격증을 따기 위해 개념을 확실히 짚고 갈 것이다. 이전 1 2 3 다음
