JongDDA의 한걸음 한걸음씩

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

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

1. 미디어 쿼리 (media query) - 미디어쿼리는 CSS 모듈이다. (@media) - 사이트에 접속하는 기기 또는 크기와 같은 조건에 따라 특정 스타일 시트를 선택적으로 적용할 수 있도록 돕는다! - 미디어쿼리 사용의 기본형 @media 미디어유형 and 조건1 and 조건2 ... and 조거누{ } 2. 미디어 쿼리에 사용되는 값들 - 미디어유형 : 장치의 일반적인 범주(카테고리) => all(모든 유형), screen(컴퓨터 화면 대상), print(인쇄 결과물), speech(음성 낭독기 대상) - 조건 : 기기의 크기, 상태(기울기나 해상도)에 따라서 스타일을 특정지을 때 제시하는 조건

1. 반응형(responsive) 웹의 개념과 관련 기술 반응형 웹 또는 반응형 디자인 - 정의 : 사용자의 접속 환경에 맞추어 사이트 레이아웃이 변하는 웹 문서를 만들기 위한 디자인 - 반응형 웹은기기의 유형이나 크기에 따라 웹문서가 반응한다! 반응형 웹의 방식 1) 크기의 변화에 즉각 대응한다! (미디어쿼리) 2) 최초 렌더링 시 기기를 디텍팅하여 페이지 표시 방식 결정! 2. 반응형 웹을 위한 필수 개념, viewport - 개념 : 실제 화면의 크기 - 뷰포트가 다르면 웹문서 렌더링 시 사용하는 px 단위의 크기가 조금씩 다르다! => PC 모니터에서의 1px과 모바일에서의 1px은 똑같지 않다. - 웹문서 설정 시 뷰포트 관련 설정을 추가해주면, 기기별로 다른 px 단위 때문에 생기는 간극을 조..