자바스크립트

제어할때 1. 점(.) 연산자 사용 2. 대괄호[] 사용 key 확인 in 연산자 사용 객체 복사 Object.assign(새로운대상, 원본) import / export export 시 default를 사용하면 import 에 중괄호 {}를 사용할 수 없음 export 시 default를 사용하지 않으면 import 에 중괄호 {}를 사용해야만 됨 import / export 를 사용하면 onclick 등 일반적인 HTML 속성을 사용하는 방법으로는 이벤트를 연결할 수 없음 반드시 자바스크립트를 통해 이벤트 제어해야 됨 상속 ● 부모가 가진 것을 자식에서 물려주는 행위 - 부모 클래스 : super class - 자식 클래스 : sub class ● 부모 클래스의 생성자, 변수, 메소드를 그대로 사용 ..

https://openweathermap.org/api 날씨 API https://newsapi.org 뉴쓰 API A=alert로 선언하면 a()로 할때 실행 B=alert()로 할시 ALERT의 결과값이 출력 https://jh-7.tistory.com/25 ://논블로킹? Blocking, Non-blocking, Sync, Async 의 차이 들어가며 전 회사에서 한 선배님이 질문을 했다. Blocking 과 Non-blocking, Sync 와 Async 의 차이를 설명할 수 있냐고. 어 음... 하는 사이 선배님이 다시 말을 했다. 그 둘을 설마 같은거라고 이해하고 계 jh-7.tistory.com 카카오 맵을 api, 날씨 api 사용한 코드 위도/경도 확인 후 날씨 정보 출력하기 ( 전체 ..

객체와 배열을 같이 사용하는 형태를 제이슨이라함: 서버 데이터 통신할 때 많이 씀 0: {name: 'D', score: 55, pass: false} 1: {name: 'D', score: 55, pass: false} 2: {name: 'D', score: 55, pass: false} 3: {name: 'D', score: 55, pass: false 객체는 주소가 정해져 있어서 새로 만들어야 한다 person의 값만 바꾸고 같은 person 이라는 객체의 주소가 바뀐것이 아닌데 person을 계속 넣어 result는 person의 주소값만 4번 들어가게 된다. 마지막으로 값을 바꾼 D에 의해 result는 D값만 가지고 있다. 이를 해결하려면 person을 반복문 안으로 옮겨 반복이 될 때마다 새..

`문자` 는 자바스크립트에서만 먹힌다. {키:벨류} 형태는 어떤 언어에서도 자주 볼 수 있는 형태. 부르는 이름은 다를 수 있다. EX.딕셔너리 맵 객체 substring ( 자를 문자 시작 인덱스, 자를 문자 끝 인덱스+1) or ( 자를 문자 끝 인덱스+1); slice(뒤에서 부터 자를 갯수, 시작할 문자 길이); split(쪼개어 줄 기준 문자) : 쪼개어서 객체로 나온다. indexof(찾을 문자 (찾을 inedex 위치:필요하다면)): 찾을 문자의 인덱스를 반환한다. const body = document.querySelector('body'); 바디 태그 선택자 console.dir(body); 선택 요소의 정보를 콘솔에 출력한다. body.style.backgroundColor='red';..