Javascript39 Javascript - Scope 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. Scope Scope 란? Scope는 변수에 대한 접근성을 의미한다. local Scope vs global Scope //잘못된 예시 function myFunction( ){ var carName = "Hyundai"; } console.log(carName); // 결과 : 에러 발생 //함수 안에서 선언된 변수는 함수 안에서만 호출이 가능하다. //함수 밖에서는 함수 안의 변수에 대한 접근성이 없다.(로컬 스코프의 특징) //올바른 예시 function myFunction( ){ var carName = "Hyundai"; console.log(ca.. 2021. 9. 27. Javascript - this 키워드 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. this 키워드 this 키워드 이해하기 this는 사용하는 상황에 따라 의미가 달라진다는 것에 유의해야 한다. console.log(this); // 결과 : console.log(window);와 동일한 결과 값을 갖는다. //이때의 this는 글로벌 오브젝트인 window와 동일한 의미로 사용된다. function myFunction( ){ console.log(this); } myFunction(); // 결과 : console.log(this);를 함수 안에서 선언하든, 밖에서 선언하든 간에 //모두 console.log(window);과 동일한 결.. 2021. 9. 27. Javascript - 크롬 개발자 도구 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. 크롬 개발자 도구 console.log( ), console.info( ), console.warn( ), console.error( ) console.log("Hello world");//해당 메시지를 출력 console.info("Hello world"); //정보 메시지를 출력(log와 비슷한 기능) console.warn("Hello world"); //경고 메시지를 출력 console.error("Hello world"); //에러 메시지를 출력 //콘솔창에서 우리가 원하는 메시지 유형만을 필터링해서 볼 수도 있다. console.table( ) 콘.. 2021. 9. 22. Javascript - Window 객체 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. Window 객체 내장함수 alert 브라우저에 경고창을 띄워주는 함수이다. window.alert("이것은 alert 창 입니다."); alert("이것은 alert 창 입니다."); //윈도우는 글로벌 객체이므로, window를 생략하고 alert만을 써도 동일한 기능을 수행한다. //오직 사용자에게 경고 메세지를 전달하는 용도로 사용된다. confirm 브라우저에서 사용자에게 실행 여부를 확인하는 창을 띄워주는 함수이다. var yn = confirm("정말 삭제하시겠습니까?"); console.log(yn); //확인 버튼을 누르면 true값, 취소 .. 2021. 9. 22. Javascript - JSON 객체 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. JSON 객체 JSON 객체란? JSON 객체는 JavaScript Object Notation의 약자로 웹페이지와 서버 간 데이터 요청 시, 데이터를 저장하여 전송하는 포맷이다. 메타정보를 많이 가지고 있어 전송되는 데이터가 큰 XML과 달리, JSON은 굉장히 가볍기 때문에 웹개발에 특화된 전송 포맷(모바일에서도 사용 가능)이며, 오브젝트와 형태가 유사하므로 데이터를 JSON 포맷으로 받아 손쉽게 오브젝트로 사용할 수 있다. var data = { "employees": [ {"firstName":"John", "lastName":"Kim"}, {"fir.. 2021. 9. 22. Javascript - Math 내장함수 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. Math 객체 내장함수 round 반올림을 처리하는 함수이다. console.log(Math.round(4.9)); // 결과 : 5 console.log(Math.round(4.4)); // 결과 : 4 console.log(Math.round(-4.6)); // 결과 : -5 ceil 소수점 이하 부분을 무조건 올림 처리하여, 정수를 만들어주는 함수이다. console.log(Math.ceil(6.2)); // 결과 : 7 console.log(Math.ceil(72/10)); // 결과 : 8 //한 페이지 당 10건의 게시물이 보이도록 설정하는 경우.. 2021. 9. 22. 이전 1 2 3 4 5 6 7 다음
