Oauth : 구글(네이버 등등) 누르면 해당 로그인 페이지로 이동하는 거 카카오맵API 1.홈페이지 접속 : kakaoMap Api 2.원하는 버전 선택 : Android, Web, iOS 3.나의 ip(local)를 카카오에 등록을 해줘야 쓸 수 있음. API KEY를 사용해서 등록함. 4.카카오 개발자사이트 접속해서 로그인 5.애플리케이션 추가하기(앱 이름, 사업자명 작성 후 저장) 5-1.해당하는 앱 키 복사 5-2.플랫폼에 나의 ip주소 설정 (Web의 경우, 도메인주소(프로토콜,ip주소,포트번호) 추가하기. 마지막에 / 빼기) 6.카카오맵 api 홈페이지에서 sample에서 내가 필요한 코드 복사 7.script에 앱 키 복사해서 appkey= 뒤에 붙여넣기 summer_note API 1.홈..
브라우저 객체 모델(BOM) 자바스크립트를 이용하면 브라우저의 정보에 접근하거나 브라우저의 여러 기능들을 제어할 수 있다. 이 때 사용할 수 있는 객체 모델을 브라우저 객체 모델(BOM)이라고 한다. 브라우저 객체 모델은 문서 객체 모델(DOM)과 달리 W3C의 표준 객체 모델은 아니지만 자바스크립트가 브라우저의 기능적인 요소들을 직접 제어하고 관리할 수 있는 방법을 제공해준다. window 객체 웹 브라우저의 창(window)을 나타내는 객체로, 대부분의 웹 브라우저에서 지원한다. 자바스크립트의 모든 객체, 전역함수, 전역변수들은 자동으로 window 객체의 프로퍼티가 된다. (window : 브라우저를 의미) window.open() : 브라우저를 하나 여는 것 window 객체의 open()메소드를..
day04[DOM]
DOM(Document Object Model) 객체 HTML 태그들을 하나씩 객체화한 것. HTML 페이지의 내용과 모양을 제어하기 위해 사용되는 객체이다. HTML 태그 당 DOM 객체가 하나씩 생성된다. HTML 태그의 포함관계에 따라서 부모, 자식, 형제자매 관계로 구성된다. ----- for..in / for..of in 뒤에 있는 자료구조의 key값을 i에 담을 수 있다.(lists가 배열형태니까 i가 인덱스임.) of 뒤에 있는 자료구조의 value값을 list에 담을 수 있다. prototype : 객체화 없이 static변수처럼 바로 필드에 접근할 때 사용 HTMLCollection.prototype.forEach = Array.prototype.forEach; //HTML객체에도 for..
터미널 : ctrl + ` cd day01(폴더명) node date.js(파일명) 이미 만들어져 있는 객체 --> 코어객체 프젝할 때 관리자페이지 만들어야 함 관리자페이지는 웹이고 페이징처리가 들어감 1.math Math.floor(Math.random() * n) : 0 ~ n-1의 난수 > Math.random()은 실수(소수점)으로 나옴. 거기서 n을 곱하면 n-1까지 범위가 나옴. Math.floor 소수점아래 버림. ex) 0.7 * 2 >> 0과 1이 나옴.(n-1까지)(소수점아래 버림) 2.date body태그도 document객체의 프로퍼티임. document객체는 문서의 모든 것들을 관리하는 객체임. body태그 안에도 여러 프로퍼티가 있음. 그 안에 style(객체)이라는 프로퍼티가 ..
데이터 타입과 변수 7.상수 : 두 번 이상 선언 불가 let : 수정 가능 const : 수정 불가능 함수가 아닌 다른 영역(중괄호 영역)에서는 scope로 판단하지 않는다. for문 안에서 var i는 지역변수 같지만 함수의 scope가 아니기 때문에 영역밖에서도 사용이 가능하다. 예약어() >> 함수가 아님! var 함수레벨 let 블록레벨(블록={}=바디) let 키워드는 함수 레벨 스코프가 아닌 블록 레벨 스코프이기 때문에, 중괄호 안에서 선언하면 함수가 아니여도 해당 중괄호가 닫히면 메모리에서 해제된다. 중괄호 안에서 let으로 선언된 변수는 밖에서 사용할 수 없다. 변수 선언할 때 var나 let을 사용하자! let 자바의 변수와 비슷(중괄호를 벗어나면 사용불가) const 자바의 final..
full screen 캡쳐하는 방법 f12 > ctrl+shift+p > capture > fullscreen.. 자바스크립트(Javascript) ; 스크립트 언어(대화형 언어) 1.퍼즐 조각처럼 코드 형태로 HTML 페이지에 내장된다. 2.컴파일 과정 없이 브라우저 내부의 자바스크립트 처리기(인터프리터)에 의해 바로 실행된다. ※ 개발이 발전됨에 따라 컴파일 과정이 가능해졌으며, Node.js(Node라는 명령어로 작업)로 서버환경을 구축한다. 컴파일 언어 > 페이지 단위로 통채로 번역 VS 스크립트 언어 > 한 줄씩 번역 컴파일과 컴파일언어는 다름. 컴파일 : 번역파일 만드는 과정 .java(사람 언어) .class(컴퓨터 언어) javac명령어 java명령어 (jdk11이상부터 java명령어 하나..