Lpla 개발 블로그

JavaScript/기초

[JavaScript] 함수 정리(1)

함수 선언 function name(parameters) { // 내용 } 함수 호출 function sayHello() { alert( '안녕하세요!' ); } sayHello(); 지역 변수 함수 안에서 선언한 변수는 해당 함수 안에서만 호출 할 수 있다. function sayHello() { let message = "안녕하세요!"; alert( message ); } sayHello(); alert( message ); // ReferenceError: message is not defined 전역 변수 함수 밖의 변수를 함수 안에서 호출 할 수 있다. let userName = 'Minsu'; function sayHello() { let message = 'Hello, ' + userName..

JavaScript/기초

[JavaScript] 중첩 반복문 빠져나오기

반복문을 사용하다보면 중첩 반복문을 한번에 빠져나와야 하는 경우가 흔히 발생한다. 일반적으로 반복문을 빠져나올 때 break를 쓰지만 반복문을 한 번 밖에 빠져나오지 못하는데, 이때 사용하는 것이 Label(레이블)이다. label: for (let i = 0; i < 3; i++) { for (let j = 0; j < 3; j++) { let input = prompt(`(${i},${j})의 값`, ''); // 사용자가 아무것도 입력하지 않거나 Cancel 버튼을 누르면 두 반복문 모두를 빠져나옵니다. if (!input) { break label; } console.log(input, i, j); } } alert('완료!'); label 자리에 다른 이름을 넣어도 된다.

JavaScript/기초

[JavaScript] 논리연산자

1. || (OR 연산자) 인수 중 하나라도 true라면, true를 반환한다. alert( true || true ); // true alert( false || true ); // true alert( true || false ); // true alert( false || false ); // false 반환 값이 true면 그 값을 반환하고, 피연산자가 모두 false면 마지막 피연산자를 반환한다. alert( 1 || 0 ); // 1 alert( null || 0 || 1 ); // 1 alert( undefined || null || 0 ); // 0 2. && (AND 연산자) 두 인수 모두 true라면, true를 반환한다. alert( true && true ); // true aler..

JavaScript/기초

[JavaScript] scrollTop과 offset

scrollTop은 현재 스크롤의 위치값을 나타낸다. $(window).scrollTop(); 이는 브라우저 상단에서 현재 스크롤까지 이동한 값을 나타내는 코드이다. offset은 대상의 위치값을 나타낸다. $('section').offset(); 이는 section이라는 요소의 위치값을 나타내는 코드이다. 쉽게 말해 scrollTop은 가변적이고, offset은 고정적이다. 다만 offset이 항상 고정적인 것은 아닌데, 반응형에서 브라우저의 크기를 늘리거나 줄일 때 offset의 값도 변할 수 있다. 스크롤이 특정한 지점에 위치할 때, 이벤트가 발생하는 경우에 scrollTop과 offset이 모두 쓰인다. var section2Offset = $('#section2').offset(); $(wind..