전체 글
[JS] #1-3 상수와 변수
1. 데이터(값, value)를 표현하는 방법 프로그래밍에서 데이터를 표현할 때 그 값은 상수 또는 변수로 표현이 된다. 2. 상수, constant 상수란 고정되어있는 값이다. 처음부터 데이터의 값이 하나로 고정이 되어있다는 뜻이다. 아래의 코드에 적힌 모든 데이터들은 모두 상수인 값을 가지고 있는 데이터이다. document.write(3); document.write(-5); document.write("A"); document.write("가"); document.write(true); document.write(""); 3. 변수, variable 변수란 변할 수 있는 값이다. 자바스크립트에서는 이 변수를 정의하는 방법으로 네 가지의 자료형을 사용한다. 1) var variable의 줄임말로 대..
[JS] #1-2 Data(데이터)
1. 데이터 코드를 아무리 잘 짜도, 출력하지 않으면 아무도 볼 수 없다. 즉 데이터들을 어떻게 출력시킬 것인지를 결정하는 것이 중요하다는 것이다. 우선 본문에 출력시키기 위한 명령어부터 배워보려 한다. 이 명령어는 document.write() 로 쓰이는데 이 소괄호() 안에 들어갈 값이 중요하다. 자바스크립트는 데이터를 처리하는 다양한 형태가 있다. 1) 숫자형 숫자형은 document.write(); 의 값에 숫자를 입력하면 된다. document.write(123); document.write(456); document.write(789); 2) 문자형 문자형은 document.write(); 의 값에 문자를 입력하면 된다. 그리고 문자를 ' 또는 " 기호로 감싸야 한다. document.writ..
[JS] #1-1 Java Script에 발을 내딛다
1. Java Script에 대하여 HTML로 웹의 내용을 작성하고, CSS로 웹을 디자인했다면, JavaScript는 웹을 동작하게 하는 프로그램이다. 그래서 Java Script를 시작하기 위해선 HTML과 CSS에 대한 사전 지식이 필요함을 우선 명시한다. 그리고 Java Script의 언어는 프로그래밍 명령어와 굉장히 가까운 구조를 갖고 있다. 그렇기에 Java Script에 익숙해지면 Backend단의 프로그래밍을 배우는 데 있어서도 기초를 쌓을 수 있을 것이라 생각한다. 만약 개발자를 꿈꾸고 있다면 배워야할 프로그램 언어는 참 많다. Java, Python, C, C++, JSP 등등.. 하지만 이 모든 언어에서 모두 잡고 가야할 기초적인 개념들이 있다. 연산자, 조건문, 반복문, 배열, 함수..
[CSS] #5-1 미디어쿼리(Media Queries)
1. 미디어쿼리? 다양한 디바이스들이 웹브라우징을 지원하면서 어느 때는 데스크톱 화면, 어느 때는 테블릿 화면, 어느 때는 핸드폰 화면에 페이지를 출력해야하는 경우가 늘었다. 그러면서 반응형 웹디자인이라는 개념이 생겼다. 어느 화면에서도 반응하여 디자인의 구성을 적용하는 것 말이다. 이것의 가장 기본이 되는 것이 바로 CSS의 미디어 쿼리(Media Query)이다. 쿼리, 구글에 검색해보니 '질문'이라는 뜻이라고 알려준다. 즉, 미디어 쿼리는 미디어에 대한 무언가를 요청하는 것이다. 어느 때? 화면 크기가 달라졌을 때 그에 맞춰서 미디어도 표현해달라고 하는 요청 말이다. 보통은 스마트폰, 태블릿, PC 화면 이렇게 3개의 화면으로 구분해주며 화면 크기가 변할 때 스타일을 바뀌도록 해서 반응형 웹을 구현..
[HTML] #5 Meta 태그 알아보기
1. meta 태그가 뭐야? meta태그는 meta data에 대한 태그이다. meta data란, 웹페이지가 담고 있는 컨텐츠가 아닌 웹페이지 자체의 정보를 뜻한다. 이 meta 태그가 중요한 이유는 웹페이지의 정보를 알리는 것도 있지만 웹페이지의 요약이 되어주기도 하기 때문이다. 최근 들어 검색 엔진 마케팅(Search Engine Marketing)의 중요성이 끊임없이 상승하고 있기에, 웹페이지가 검색이 되는 첫 얼굴인 메타 태그(Meta TAG)는 더더욱 중요해지는 것이다. 그 중에서도 meta 태그 중 기본으로 들어가는 정보들을 알아보려한다. 이 내용은 W3Schools에도 올라가있으니 아래의 사이트를 참조해보아도 좋다. https://www.w3schools.com/tags/tag_meta.a..