HTML&CSS

반응형 웹(Responsive Web)

• 하나의 웹사이트를 PC, 태블릿, 스마트폰 등 다양한 기기의 화면 크기에 따라 자동으로 변하는 웹페이지이다.

Media Query

Media Query 포스트 바로가기↗

---

JavaScript

console.log

• 괄호 안의 메세지를 콘솔창에 출력한다.

console.log("안녕하세요");

주석

//한 줄 주석입니다.
/*여러 줄 주석입니다. 
두번째줄
세번째
네번째
모두 다같이 주석처리됐다 예~~*/

변수

• 자바스크립트에서는 변수를 이용하여 특정한 값을 변수에 저장할 수 있다.
• =(대입연산자)를 이용한다.

let a = 7;
let b = a;
console.log("b에 담긴 값: ",b); //b에 담긴 값: 7

const

• 상수 변수
• 재할당이 불가능하다.(고정)
• 제일 많이 사용한다.
• undefined를 허용하지 않는다 ⇒ 무조건 값 하나를 갖고 있어야 한다!

const a;
console.log(a);
//Missing initializer in const declaration -> 초기화 해야한다는 에러

const b = 5;
console.log(b);
//5

b = 10;
console.log(b);
//Assignment to constant variable.

let

• 함수의 재선언이 불가능하다.
• 변수의 중복을 막는다.
• 변수의 재할당은 가능하다.(맨 앞에 let을 뺀다)

let a = 1;
console.log(a);
//1

let a = 10;
console.log(a);
// Identifier 'a' has already been declared 에러 발생

a = 10;
console.log(a);
//10

변수 이름 정하기

• 대소문자를 구분한다.(A와 a는 다른 변수)
• 첫번째 문자는 글자, _ , $만 올 수 있다.
• 두번째부터는 글자, _ , $, 숫자가 다 올 수 있다.
• 소문자 명사형으로 시작하는 것이 좋다.
• 변하지 않는 환경변수의 값을 담는 상수 변수는 모두 대문자로 표기한다.
• 이미 정의된 예약어는 사용 불가.

camelCase

var userName = null;

snake_case

var user_name = null;

pascal case

var UserName = null;

undefined

• 값이 할당되지 않았다.
• 알 수 없다.
• undefined 타입
• 값 또한 undefined이다.
• primitive 타입이다.

null

• 값이 비어있다.
• 아무것도 없다, 값이 없다.
• 아무것도 참조하고 있지 않다. → 객체를 담을 변수를 초기화할 때 많이 사용한다.
• object 타입이다.
• non primitive type(Object)

console.log(null);
//null
console.log(undefined);
//undefined
console.log(typeof null);
//object
console.log(typeof undefined);
//undefined

null===undefined; //false

String

• 문자열
• 작은 따옴표(' ')나 큰따옴표(" ")로 문자열을 표현한다.
  ⇒ 백틱(`)으로 문자열을 표현할 수 있다! (백틱은 줄바꿈이 가능)
• String( ) : 문자열로 만든다.

console.log('abcdefg');
//abcdefg
console.log("가나다라마바사");
//가나다라마바사
console.log(typeof String(1234));
//string
console.log(String(1234));
// "1234"
console.log(typeof Number("1234"));
//number

문자열 합치기

• '+' 연산자로 문자열을 합칠 수 있다.

let a = "Hello";
let b = " world";

console.log(a+b); //Hello world

length

• 문자열 길이를 출력하는 속성. 유니코드 기준이다.

let fruit = "apple";

console.log(fullName.length); //5

---

자바스크립트 시작! 열심히 해보자!!