본문 바로가기
728x90

개발공부/JavaScript21

[자바스크립트] javascript void(0)란? a태그는 클릭하면 그 속성중에 하나인 href에 지정한url로 페이지가 바뀌면서 이동한다. 이렇게 페이지변경을 원하지않는경우 javascript void(0)을 사용할수 있다. 즉 a태그의 디자인성은 살리면서 링크기능을 없애는것이라 볼수있겠다. ㅎㅎ 어쩐지. 2022. 10. 11.
[인사이드 자바스크립트] 교재 정리 #5 실행 컨텍스트와 클로저 5-1) 실행 컨텍스트 개념 : 5-3) 스코프체인 : 즉 유효범위.이 유효범위안에 변수와 함수가 존재한다. 2022. 6. 1.
[인사이드 자바스크립트] 교재 정리 #4 함수와 프로토타입 체이닝(2) 4-1) arguments객체 : 함수 호출할때 형식에 맞춰 인자를 넘기지않더라도 에러발생안함. : 넘겨지지않은 인자에는 nudefined값이 할당된다. 반대로 초과된 인수는 무시된다. : 따라서 런타임시 호출된 인자의 개수를 확인하고 이에따라 동작을 다르게 해주어야할때가 있고, 이걸 가능하게하는게 arguments객체 : 이 객체는 실제 배열이아니고 유사배열객체다. : 매개변수 개수가 정확하게 정해지지않은 함수를 구현하거나 전달된 인자의 개수에 따라 서로다른 처리를 해줘야하는 함수개발할때사용 4-2) 호출패턴과 this바인딩 : 함수 호출하면 함수 내부 코드에서 사용된 this는 전역 객체에 바인딩 된다.(브라우저에서 실행하는경우 전역객체는 window임) : 2022. 5. 12.
[인사이드 자바스크립트] 교재 정리 #4 함수와 프로토타입 체이닝(1) 자바스크립트에서 가장 중요한개념은 함수인데, 이에 대해서 알아보자. 4-1) 함수를 생성하는 방법 3가지 - 함수선언문 - 함수표현식 -funtion() 생성자 함수 4-2) 함수 리터럴 :함수명은 선택사항. 함수명이 없는경우 익명함수라한다. funtion add(x,y) { return x+y; } 4-3) 함수 선언문 방식 : 리터럴형태와 같지만 함수명이 반드시 정의되어있어야함. 매개변수의 타입은 적지않아도 됨. funtion add(x,y) { return x+y; } console.log(add3,4)); //출력값 7 4-4) 함수 표현식 : 자바스크립트에서는 함수도 하나의 값처럼 취급된다. 따라서 , 함수 리터럴로 하나의 함수를 만든뒤 변수에 할당하여 함수를 생성할수 있다. : 함수이름은 보통.. 2022. 5. 10.
[인사이드 자바스크립트] 교재 정리 #3 #3 자바스크립트 데이터 타입과 연산자 1. 자바스크립트의 데이터 타입 - 기본타입(숫자, 문자열, 불린값, nudefined, null) - 참조타입(배열, 함수, 정규표현식) 1-1) 숫자는 num이라는 타입 하나만 있다. 1-2) 문자열은 작은 따옴표나 큰따옴표로 생성하며, char와 같이 하나의 문자만을 별도로 나타내는 데이터 타입은 없음. 또한 한번 정의된 문자열은 변하지 않는다! 1-3) null과 undefined는 모두 값이 비어있음을 나타내지만, undefined는 타입이자, 값을 나타낸다. null은 타입이 없으므로, 타입을 null로 확인할수 없다. 따라서 일치 연산자 (===)를 사용해서 값을 직접확인해야한다. 1-4) Object() 생성자 함수 사용 : 객체 프로퍼티 읽기/쓰기/.. 2022. 4. 20.
[바닐라 js로 크롬 앱만들기] 인강정리 (#8) 목차 내 위치를 찍어보자 navigator.geolocation.getCurrentPosition(); api로 날씨정보를 가져와보기 2번을 이용하여 원하는 데이터를 추출해보기 1.좌표를 찍어보자 navigator.geolocation.getCurrentPosition(); : 두개의 2개의 아규먼트가 필요함. 하나는 정상적으로 실행했을때의 함수, 하나는 실패했을때의 함수. html 00:00 weather.js function onGeoOk(position) { const lat = position.coords.latitude; const lng = position.coords.longitude; console.log("You live in", lat, lng); console.log(position).. 2022. 4. 7.
728x90