TIL 0402

Yunji·2020년 4월 2일
0

TIL

목록 보기
17/54
post-thumbnail

오늘 목표

Codecademy Javascript ch.4
CSS flex
CSS Grid
개인프로젝트 페이지 수정

오늘 공부한 것

인프런 자바스크립트 시작

<input type="button" onclick="alert('Hello')" value="Hello" />
//onclick 속성은 클릭했을 때 브라우저가 속성값으로 들어가 있는 자바스크립트 코드를 실행하도록 한다

html 코드 안에 자바스크립트 코드가 있다는 것은 정보와 제어가 섞여 있다는 것 유지보수하기 힘들다
둘을 분리해서 정리하는게 유지보수가 쉽다

CSS flex

Javascript function 복습

함수는 명령문들을 그룹화하여 작업을 수행하며 재사용이 가능하다

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;
};

어려웠던 부분

0개의 댓글