Codecademy Javascript ch.4
CSS flex
CSS Grid
개인프로젝트 페이지 수정
<input type="button" onclick="alert('Hello')" value="Hello" />
//onclick 속성은 클릭했을 때 브라우저가 속성값으로 들어가 있는 자바스크립트 코드를 실행하도록 한다
html 코드 안에 자바스크립트 코드가 있다는 것은 정보와 제어가 섞여 있다는 것 유지보수하기 힘들다
둘을 분리해서 정리하는게 유지보수가 쉽다
함수는 명령문들을 그룹화하여 작업을 수행하며 재사용이 가능하다
function test() {
console.log('Hello'); //function body
}
함수가 호출될 때 전달받은 인수 값이 매개변수에 들어간다 매개변수는 함수 블록 내부에서 명명된 변수다
function area(width, height) {
console.log(width * height); // 매개변수는 함수 내에서 변수처럼 처리된다
}
// width, height 가 매개변수이다
함수를 호출할 때
world();
전달될 인수가 없을 때는 기본값이 할당할 수 있는 기본 매개변수를 통해 임의 매개변수를 처리한다
값을 반환할 때는 return 을 사용한다
익명함수는 변수에 함수의 코드를 저장한다 함수코드 끝에 세미콜론(;) 을 붙인다
변수명을 교체할 수 있다 하지만 호이스팅(함수 선언이 함수 호출보다 위에 있을때도 실행이 되는 것)이 불가하다
const testArea = function(width, height) {
const total = width * height;
return total;
};