02. JavaScript (37) 썸네일형 리스트형 JavaScript_03. 내장 객체_Date ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com Date 객체는 자바스크립트에서 날짜와 시간을 다루는 객체이다. 사용자 브라우저의 타임존을 기준으로 날짜와 시간을 보여준다. ● Date 생성자 Date 객체는 다음과 같이 4가지 방법으로 생성할 수 있다. ㆍnew Date() 사용자 브라우저의 시간을 가져온다. ㆍnew Date(year, month, da.. JavaScript_03. 내장 객체_Array ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com 배열을 많이 쓰는 편이니 관련 메소드는 알고 있으면 좋다. ● toString() 배열 안의 모든 문자를 쉼표(,)를 이용해 모두 결합해서 하나의 문자열로 반환. ● join() 배열 안의 모든 문자를 파라미터로 지정한 문자를 이용해서 모두 결합해서 하나의 문자열로 반환 문자열을 합쳐야 하는 경우 더하기(+).. JavaScript_03. 내장 객체_Number ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com Number 객체는 숫자를 다룰 때 유용한 프로퍼티와 함수를 제공하는 래퍼(wrapper) 객체이다. 래퍼 객체란 이름처럼 원시 타입의 값을 감싸는 형태의 객체이다. ● toString() 숫자형 데이터를 문자형 데이터로 반환해주는 함수이다. ● toExponential() 숫자를 지수형으로 반환해주는 함수이.. JavaScript_03. 내장 객체_String ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com String 객체는 자바스크립트에서 문자열을 다루기 위한 객체로 문자열을 다룰 때 유용한 프로퍼티와 함수를 제공한다. ● length() 문자열 길이를 반환하는 함수이다. ● indexOf() 문자열 안에 특정 문자열이 존재하는지를 찾고, 있다면 찾고자 하는 문자열이 시작되는 index를 반환하는 함수이다. .. JavaScript_03. 내장 객체_Object 기존에는 문법만 정리를 했었는데 객체도 알아두면 좋을 것 같아 정리. ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com 내장 객체(Build-in Object)는 브라우저의 자바스크립트 엔진에 내장된 객체를 말한다. Object 객체는 모든 자바스크립트 객체의 루트 객체이다. [JavaScript]Array.from() 워드에 적혀있긴 한데 어떻게 하다가 알게 됐는지는 모르겠다. 아마 이것도 리액트 강의 듣다가 알게 되어서 정리한 것 같다. ● Array.from() 배열 또는 유사 배열 객체에서 새로운 배열을 생성하는 메소드이다. 이 메소드를 사용하면 이터러블 객체, 문자열, 맵, 셋 등 다양한 데이터 소스를 배열로 변환할 수 있다. 해당 메소드는 세 개의 파라미터를 받는다. ㆍiterable 배열로 변환하려는 대상인 반복 가능한(iterable) 객체나 유사한 객체이다. 이 객체의 각 요소는 배열의 요소로 복사된다. ㆍ mapFunction (선택 사항) 배열의 각 요소를 변환하기 위한 함수이다. 이 함수는 각 요소에 대해 호출되며, 변환된 값을 반환한다. 이 파라미터는 선택 사항이며, 필요에 따라 생략할 수 있다... [JavaScript]Array.prototype.find() React 강의를 보는데 이런 함수가 있었나 싶어서 찾아봤다. 자바스크립트를 잘하면 리액트도 쉽다는데.. 뜨끔했다 ㅋㅋ 자바에서도 이런 함수가 있었나? 해서 찾아봤는데 그나마 비슷한게 Optional 타입으로 stream 활용해서 하는게 있긴 했다. 학원에서 자주 썼던 기억이 있는데 기억이 안났다는게 참... ● Array.prototype.find() Array 인스턴스의 find() 메소드는 배열에서 조건에 맞는 첫 번째 요소를 찾는데 사용된다. 이 메소드는 배열의 각 요소를 순회하고 조건 함수를 호출하여 첫번째로 true를 반환하는 요소를 반환한다. JavaScript_02. 문법_18_Regular Expression (정규 표현식) ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com 정규 표현식은 문자열에 포함된 특정 문자 조합을 찾기 위해 사용되는 패턴이다. 실무에서 정규 표현식을 가장 많이 사용하는 사례는 사용자가 입력한 이메일 정보가 이메일 형식에 맞는지, 전화번호가 전화번호 형식에 맞는지 등 사용자로부터 입력받은 데이터가 프로그램에서 받고자 하는 데이터 형식과 일치하는지 체크할 때.. 이전 1 2 3 4 5 다음