목록자바스크립트 (8)
꾸준한 개발일기
함수란? // 함수 정의 function add(x, y) { // 함수이름: add, 매개변수: x, y return x = y; // 반환값 } // 함수 호출 add(2, 5); // 인수: 2, 5 // 반환값: 7 일련의 과정을 문(statement)으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것 입력을 받아서 출력을 내보냄 함수 내부로 입력을 전달받는 변수를 매개변수(parameter), 입력을 인수(argument), 출력을 반환값(return value)이라 함 여러 개의 함수가 존재할 수 있으므로 특정 함수를 구별하기 위해 식별자인 함수이름을 사용 함수 정의를 통해 생성함 // 함수 호출 var result = add(2, 5); // 함수 add에 인수 2, 5를 전달..
변수란? 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름이다. 값의 위치를 가리키는 상징적인 이름이다. * 변수에 여러 개의 값을 저장하는 방법은? 변수는 하나의 값을 저장하기 위한 매커니즘이다. 여러 개의 값을 저장하려면 여러 개의 변수를 사용해야 한다. 단, 배열이나 객체 같은 자료구조를 사용하면 관련이 있는 여러 개의 값을 그룹화해서 하나의 값처럼 사용할 수 있다. var user = { id: 1, name: 'Lee' }; var user = [ { id: 1, name: 'Lee'}, { id: 2, name: 'Kim'} ]; 변수 이름(변수명)은 메모리 공간에 저장된 값을 식별할 수 있는 고유한 이름, 변수값은 변수에 저장된 값이다. 변수..
화면 정가운데에 떠야하는 팝업창이 모니터 끄트머리에 잘려서 보이는 오류가 발생했다. 디버깅을 해보니 코드에서 설정하지 않은 스타일이 적용되어 내가 지정한 스타일이 먹지 않았다. 이를 해결하기 위해서는 두 가지 방법이 있다. 1. !important 사용 { top:-766px; left: 0px !important; z-index: 4 !important; } 지정한 스타일에 !important를 넣어 우선순위를 주면 된다. element.style에 있는 스타일 값이 적용되지 않고 내가 css파일에서 설정한 스타일 값이 적용되었다. 2. 자바스크립트로 스타일을 제거 document.querySelector('#id').removeAttribute('style'); querySelector와 remove..