Step it up now

full calendar 스크립트 형식 가져오기 Initialize with Script Tags - Docs | FullCalendar 모듈을 이용해서 처리하기 위해 npm install fullcalendar 명령어로 설치 로컬 안에 설치가 된다 (공유 안된다) 업데이트 됐을 때도 npm install 명령어만 입력하면 쉽게 업데이트 가능 소스 url 가져와서 내 안에서 이용하기 위해 인스턴스화 하는 개념이다 환경설정 :npm init -y => package.json 생성된다 :npm run start

const ajax = new XMLHttpRequest(); const Youtube_URL="https://www.googleapis.com/youtube/v3/videos?part=snippet&key=AIzaSyDYzfy-ltADAvWb4LrJVsfgh0zQiE92PHE&maxResults=15&chart=mostPopular" const most = JSON.parse(ajax.response); ajax.send(); => ajax의 답을 가져온 것 items (유튜브 영상) 에 있는 값이 배열의 형태이다. 배열의 형태 값을 가져오기 위해 JSON parse를 통해 array를 가져옴 { kind : get방식 , url , 동기/ 비동기처리방식 } 이 옴

const a =true; const b =false; if(b){ console.log(Hello); } else{ console.log(`${'else 호출'}`); //'else 호출' } b는 false이기 때문에 if 문은 실행되지 않는다 ❓ 그렇다면 b를 true로 바꾼다면 if문은 실행될까? const a =true; const b =ture; // true is not defined if(b){ console.log(Hello); } else{ console.log(`${'else 호출'}`); } b는 true 이기에 실행된다 그러나 Hello가 문자열로 정의되지 않아 오류 발생 'Hello' 로 문자열 정의해줘야한다 -> console.log('Hello')

구글의 백엔드 기능 서비스 (아이디, 비번 저장할 수 있도록 하는 서비스) 프론트엔드를 위해 백엔드 형태로 제공하는 서비스 프론트엔드에서 데이터 읽거나 쓸 수 있도록 지원 서버측 어플리케이션 BaaS( Backend as a Service ) 라고도 한다

▶html 123 456 ▶ css .parent{ border: 5px solid blue; color: blue; background-color: lavender; padding: 1rem; position: relative; /*상위클래스(나)를 기준으로 벗어나지 않도록*/ } .child{ border: 2px dotted red; color: black; background-color: hotpink; padding: 1rem; } .abs { position: absolute; top:0px; left: 0px; } ▶

margin-top: ▶ relative 원래 있던 자리에서 위 top 로, 오른쪽 right , 왼쪽 left , 아래 bottom 로 이동하는 것 ▶ absolute 현재 레이아웃에 영향을 주지(absolute) 않으면서 자기(아쿠아box1만) 자신만 움직이게 한다

1. relative 현재 레이아웃에 영향을 주지 않으면서 box1만 이동시킴 2. absolute absolute는 무조건 기준점이 부모 태그가 아니라 부모자기 부모 요소중에 position이 있는 요소 중 가장 가까운 요소가 기준점이 된다 그래서 p태그 부모인 right에 position이 없으니까 위에 wrap를 보는데 여기도 position이 없으니까 부모인 body에 위치가 된다 relative는 자기 영역을 유지하면서 하는데 absolute는 자기 영역을 무시하고 뜯어져 나온다

console.log( ) 입력하면 화면에 대한 값이 나온다