1. JavaScript
웹페이지의 구조를 정의 하는 것은 HTML
JavaScript는 웹페이지와 상호작용 하도록 만들어진 언어
Front-end 개발자의 가장 큰 역할은 JavaScript를 사용하여 웹페이지를 dynamic하고 Interative하게 만드는 일
console.log는 개발자가 보고 싶은 것을 출력하는 함수
브라우저의 개발자도구에서 확인 가능
2. 주석
// 주석을 달 때 Slash 두 개
/(별표) 두 줄 이상의 주석을 달 때 시작 -> (별표)/ 끝
3. Variables
형식 : var 변수이름 = 값;
var, let, const : let은 변수값을 수정할 수 있고, const는 변수값을 수정할 수가 없음
변수 이름은 중복이 안 되지만, 값은 중복 가능
4. 함수
함수 이름을 부름 = 함수 호출
함수형태 :
function 함수이름 () {
let hi = "안녕하세요"
return hi;
}
function add() {
let sum = 3+3;
return sum;
}
5. 데이터 반환하기
매개변수(parameter)
인자(argument)
------------------ 예시 --------------------------
function getName(name) {
return name + '님';
}
const result1 = getName('개발자');
const result2 = getName('디자이너');
const result3 = getName('기획자');
console.log(result1)
console.log(result2)
console.log(result3)
위 예시 속에
(name) -> parameter(매개변수)
'개발자', '디자이너', '기획자' -> argument(인자)
6. 텍스트 문자열의 연결
let message = "감사합니다., ";
let userName = "김개발";
let banger = "님!";
let customMess = message + userName + banger;
console.log(customMess);
String + Number 을 시도할 때 항상 주의해야 합니다.
String과 Number형을 더하면 항상 String 형으로 변환됩니다.
7. if문
let answer = 3 + 3;
if (answer > 15) {
alert("15보다 큰 숫자!");
} else if (answer > 10) {
alert("10보다 큰 숫자!");
} else if (answer > 5) {
alert("5보다 큰 숫자!");
} else {
alert("5보다 작거나 같은 숫자!");
}
