1. 형변환(Type Conversion) 형변환이 필요한 이유? 더보기 자료형이 다르면 의도치 않은 동작이 발생할 수 있다. 따라서 자료형을 맞춰주어야 하는 상황에 형변환을 사용해줘야 한다. ex) 예를 들어, 문자열과 숫자를 더하는 연산을 수행할 때, 만약 문자열과 숫자가 섞인 경우 숫자 타입을 문자열 타입으로 형변환하여 덧셈 연산을 수행해야 한다. 이러한 경우 형변환을 하지 않으면 예기치 않은 결과가 발생할 수 있다. 또한, 변수에 할당된 값의 타입이 예상과 다른 경우에도 적절한 형변환이 필요하다. 1.1 String() 괄호안의 타입을 문자형으로 변환해준다. 제일 앞의 S는 대문자로 써준다. String(3) // "3" String(true) // "true" String(false) // "f..
1.alert, prompt, confirm alert -> 알려줌 prompt -> 입력받음 confirm -> 확인받음 1.1 alert() alert 함수는 알림 창을 띄워주는 용도로 사용자와 상호작용 하기보다는 일방적으로 알리기 위한 함수입니다. 회원가입을 할 때 비밀번호가 틀렸습니다 이름을 입력해 주세요처럼 우리가 자주 접할 수 있습니다. 1.2 prompt() promt 함수는 보통 사용자에게 어떤 값을 입력받을 때 사용합니다. 추가로 입력창에서 취소를 누르면 null값이 들어가게 됩니다. 그리고 prompt는 default 값도 입력가능합니다. prompt는 2개의 인수를 받을 수 있습니다. 이러한 기능은 힌트를 주거나 안내를 할 때 편리하게 작용합니다. 1.3 confirm confirm ..
1.자료형 1.1 문자열 문자열 선언 방식은 "", '', `` 3가지 방식이 존재합니다. " " : 문자 중간에 '를 사용하는 문자열인 경우 큰 따옴표로 감싸주면 편합니다. ' ' : 큰 따옴표와 별 차이는 없지만 중간에 ` 를 표현하려면 \`로 표현해야합니다. `` : 백틱으로 문자열내부에 변수를 표현할때 사용합니다.(바로 표현식을 넣는 경우도 가능합니다) ex) const message3 = `My name is ${name}`; 1.2 숫자형 숫자형은 다음과 같이 선언할 수 있고 숫자형은 사칙연산이 가능합니다. const age = 30; const PI=3.14; conslole.log(1+2); // 더하기 conslole.log(10-2); // 빼기 conslole.log(3*2); // ..
1.변수 1.1 변수 변수는 어떤 정보에 이름을 붙여서 저장하고 싶을때 사용합니다. 예를들면 다음과 같습니다. name="Mike"; age=30; 줄 마지막에 들어간 세미콜론(;)은 한줄이 끝났다는 의미로 써주고 생략해도 되지만 항상 적어주는 것이 좋습니다. 그리고 문자는 항상 따옴표로 감싸줘야합니다. 그리고 가끔 변수를 만들다보면 원인을 알 수 없는 에러가 발생하는 경우가 있다. 아래와 같은 코드가 그 경우입니다. class="수업" 에러가 발생하는 이유는 자바스크립트에서 이미 사용하는 단어이기 때문에 변수명으로 사용할 수 없습니다. 이런 단어들을 예약어라고 합니다. 1.2 변수 접근 함수 다음과 같이 alert을 사용하였을 경우 화면상단의 메시지로 출력함을 알 수 있습니다. name="Mike"; ..
일반적으로 웹 페이지의 레이아웃은 CSS의 display, float, position 등과 같은 속성을 사용해 구현한다. 하지만 이속성을 사용하면 구현방법이 복잡하고 레이아웃을 표현하는데 많은 한계가 있습니다. 구현이 어려운 레이아웃을 간단하게 구현할 수 있게 CSS3에 추가된 레이아웃 방식이 flexbox입니다. flex box를 사용하면 요소의 크기와 순서를 유연하게 배치할 수 있습니다. flexbox란? flexbox는 뷰포트나 요소의 크기가 불명확하거나 동적으로 변할 때에도 효율적으로 요소를 배치, 정렬, 분산할 수 있는 방법을 제공하는 CSS3의 새로운 레이아웃 방식입니다. flexbox의 장점을 한 마디로 표현하면 '복잡한 계산 없이 요소의 크기와 순서를 유연하게 배치할 수 있다'라고 할 수..
