JongDDA의 한걸음 한걸음씩

플렉스 박스를 이용한 플렉스 레이아웃 - 개념 : display가 flex 지정된 블록 요소를 플렉스 박스라고 하는데, 이를 이용해서 레이아웃을 만드는 것! => 플렉스 박스는 하위 요소들이 배치되는 방식을 여러 가지 속성과 함께 제공하므로 레이아웃을 변경하기 용이하다.

변수에 저장할 수 있는 데이터형 변수에 저장할 수 있는 데이터형으로는 문자형, 숫자형, 논리형, null 등이 있다. 문자형 데이터 문자형(string) 데이터는 아래와 같이 문자나 숫자를 따옴표(", ')로 감싸는 형태이다. 문자형 데이터를 만들기 위해서는 어떤 따옴표를 사용해도 상관이 (전혀)없지만, 시작하는 따옴표와 끝나는 따옴표의 짝이 맞지 않을 경우 오류가 날 수 있다. 숫자형 데이터 숫자형 데이터는 정수, 실수 등의 숫자를 의미하며, 숫자 외에 다른 것(따옴표라던지)은 포함되지 않는다. 숫자로만 구성된 데이터라 할지라도, 따옴표로 감싸고 있다면 해당 데이터는 문자형 데이터가 된다. 논리형 데이터 논리형(boolean) 데이터로는 true와 false 두 데이터만이 존재한다. 이 데이터는 프로그..

변수란? 변수(variables)는 변하는 데이터를 저장할 수 있는 메모리 공간이다. 데이터를 담을 수 있는 그릇인 셈이다. 변수에는 데이터가 오직 한 개만 저장된다. 따라서 새로운 데이터가 들어오면 기존에 들어 있던 데이터는 사라진다. 자바스크립트 변수에 저장할 수 있는 데이터의 종류는 문자열, 숫자형, 논리형, null 데이터 등이다. 변수 선언 변수를 사용하기 위해, 변수를 생성하는 과정을 '변수 선언'이라고 한다. 변수를 선언할 때는 다음 기본형과 같이 var 키워드를 변수명 앞에 붙인다. 대입 연산자(=) =는 오른쪽에 있는 데이터를 왼쪽의 변수나 속성 등에 대입하는 역할을 한다. 'ㅇㅇ와 ㅁㅁ는 같다'라는 의미로 오해하기 쉽지만 수학에서의 = 기호와는 역할이 다르다. 변수 선언 및 사용의 정해..

자바스크립트란? 자바스크립트는 브라우저를 조작하기 위한 프로그래밍 언어로서 HTML이나 CSS만으로는 부족한 기능을 보충하기 위해 사용하는 언어다. 브라우저 조작이란? 브라우저의 가장 중요한 역할은 웹 페이지를 표시하는 것이다. 웹 페이지는 HTML과 CSS, 이미지 등으로 구성된다. 이 HTML과 CSS는 브라우저가 한번 읽은 후에는 변하지 않는다는 특징이 있다. 즉, 다음 페이지로 이동하지 않는 한 브라우저가 표시하는 것은 기본적으로 같은 HTML과 CSS이다. HTML과 CSS는 정적인 데이터인 것이다. 그런데 자바스크립트를 사용하면 정적인 데이터를 실시간으로 변경해서 일부 콘텐츠를 변경하거나 이미지 슬라이드 쇼 같은 동작을 구현할 수 있게 된다. 구체적인 변경 예 태그로 감싼 텍스트를 변경할 수 ..