whatisthis?

객체 지향 프로그래밍(OOP) ex> let date = new Date(); typeof date; // object - 지난 시간 Date 객체를 new Date()로 생성한 것. Date는 분명 객체라고 했는데, new를 붙이고, 함수처럼 호출()을 했다. >> 생성자(constructor) 함수 📌 생성자 함수 - 객체를 생성하는 함수. - 자바스크립트에는 Class가 없어서, 생성자 함수가 그 역할을 대신함. function Person(name, gender) { this.name = name; this.gender = gender; this.sayHello = function() { alert(this.name + ' said "hello"'); } } 사람을 만드는 생성자 함수이다. 여기서..

1. Date const time = new Date(); //현재 날짜+시간 저장 const time = new Date(2000, 5, 10) // 2000년 6월 10일 0시 00분 00초 new와 객체를 함수처럼 사용한다. 특정 날짜를 저장하려면 new Date() 안에 년,월,일을 함수에 인수를 넣듯이 하면 된다. ❗ 여기서, 월(Month)의 경우에는 -1이 되므로 6월이면 5라고 해야한다. (즉, 1월 = 0) 📌 Date 관련 메서드 1) 날짜.getFullYear() 날짜.setFullYear(연도) - getYear과 setYear도 있지만, 2000년 이후를 표시하지 못해서 Full이 추가된 getFullYear과 setFullYear이 등장했다. 2) 날짜.getMonth() 날짜...

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Regular_Expressions 정규 표현식 - JavaScript | MDN 정규 표현식은 문자열에 나타는 특정 문자 조합과 대응시키기 위해 사용되는 패턴입니다. 자바스크립트에서, 정규 표현식 또한 객체입니다. 이 패턴들은 RegExp의 exec 메소드와 test 메소드 , developer.mozilla.org

DOM(Document Object Model) - 브라우저가 HTML파일을 읽어서 화면에 띄워주는 과정 = Critical Rendering Path. >> 1) 브라우저가 HTML과 CSS를 파싱(parsing) ㅡ 렌더트리(Render Tree) 생성됨. 2) 브라우저가 렌더링(rendering)함. ** 자세한 내용은 추후 포스팅 예정. etc. 웹브라우저의 렌더링(Rendering) 과정 - DOM DOM은 무엇인가? DOM Node와 Element의 차이 여행자보험의 보장명과 보장가격을 가져오기 위해 웹크롤링을 해보았다. 사실 이 과정은 그냥, html parsing해주는 라이브러리를 사용해서 html에서 내가 원하 mywebproject.tistory...

DOM은 무엇인가? DOM Node와 Element의 차이 여행자보험의 보장명과 보장가격을 가져오기 위해 웹크롤링을 해보았다. 사실 이 과정은 그냥, html parsing해주는 라이브러리를 사용해서 html에서 내가 원하는 정보를 가져오는 것이 전부였다. 원 velog.io

Document 객체 - Window 객체(=전역객체)에 속해있음. - Document는 HTML에 관한 것을 담당. (=웹페이지) >> 대부분의 것이 태그(tag)를 선택하고 조작하는데 사용됨. - 요소 선택 >> 선택한 부분의 html 코드를 반환 1) document.getElementById(아이디) document.getElementById('id-name'); // ... ] 💡 name 속성 : form 컨트롤 요소의 값(value)를 서버로 전송하기 위한 속성. >> class / id / name 의 차이와 사용 예시는 아래 포스팅 참고 🔻 Html. class와 id, name의 차이 class vs. id vs. name REFERENCE id, name, class 속성에 대한 사용..

class vs. id vs. name REFERENCE id, name, class 속성에 대한 사용법이 궁금합니다. 제목 그대로 id, name, class 속성에 대한 정확한 사용법이 궁금합니다.야무 선생님 강의를 보다보면 위 속성을 굉장히 자주 사용하시는데미션을 하다보면 위 속성을 사용을 해야하는지? 또는 어떤 hashcode.co.kr

1. Window 객체 - 브라우저의 요소 / 자바스크립트 엔진 / 모든 변수를 담고 있는 객체. - 브라우저 전체를 담당하는 것 = Window 객체- 웹사이트만 담당하는 것 = Document 객체 (Document객체도 Window객체 안에 들어있음.) window객체 아래에는 많은 속성(property)과 메소드(method)가 존재함.그중에서도 대표적인 것을 살펴보면 * 객체 : screen , location , history , document 객체 * 메소드 : parseInt , isNaN 등 사실 parseInt같은 경우에도 window.parseInt()라고 작성하지 않고 parseInt()라고만 작성한다. Window 객체는 모든 객체의 조상, 즉 전역객체(global object)..

Callback 📌 함수(Function) 자바스크립트에서 함수는 일급객체이다. 일급 객체(first-class object)란, 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리킨다. ▪ 변수에 할당(assignment)할 수 있다. ▪ 다른 함수를 인자(argument)로 전달받을 수 있다. ▪ 다른 함수의 결과로서 return 될 수 있다. ▪ 실행 도중에 생성될 수 있다. - 콜백함수는 이중에서도 '매개변수로 전달할 수 있다', 즉 '다른함수를 인자로 전달받을 수 있다' 는 특징을 이용. 📌 콜백함수(Callback) - 다른함수에 매개변수로 넘겨준 함수를 의미. - 매개변수로 넘겨받은 함수는 일단 넘겨받고, 나중에 호출(called back)한다는 의미. 즉, A함수의 인수..

배열에 관한 Method 1) 배열.length let array= [1, 2, 3, 4]; array.length; // 4 배열의 길이를 알려준다. 배열의 요소가 추가/제거 될 때 마다 자동으로 바뀐다. let array = [1, 2, 3, 4, 5]; array.length; // 5 array.pop(); // pop : 맨 끝의 요소를 제거 array.length; // 4 2) 배열.join(구분자) 배열의 항목들을 구분자를 기준으로 합친 새 문자열 반환. 구분자를 입력하지 않으면 자동으로 콤마(,)가 된다. let arr = [1, 2, 3]; arr.join(); // "1,2,3" ㅡ default : 콤마(,) arr.join(':'); // "1:2:3" 3) 배열.concat(합칠..