본문 바로가기

전체 글

 (88)
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 정규 표현식은 문자열에 포함된 특정 문자 조합을 찾기 위해 사용되는 패턴이다. 실무에서 정규 표현식을 가장 많이 사용하는 사례는 사용자가 입력한 이메일 정보가 이메일 형식에 맞는지, 전화번호가 전화번호 형식에 맞는지 등 사용자로부터 입력받은 데이터가 프로그램에서 받고자 하는 데이터 형식과 일치하는지 체크할 때..
JavaScript_02. 문법_17_Strict Mode ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com 자바스크립트에서 문법을 엄격하게 체크하는 모드이다. 자바스크립트는 초창기 불완전한 기능이 존재함에도 불구하고 버전이 업그레이드될 때마다 기존 기능에 대한 수정 없이 새로운 기능이 추가되었다. 기존 기능이 변경되다 보니 하위 버전에 대한 호환성 문제가 발생된다. 그래서 ES5에서 엄격 모드가 추가된다. 엄격 모..
JavaScript_02. 문법_16_Error ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com 자바스크립트에서 오류는 try...catch 문을 통해 관리할 수 있다. try...catch문은 실행할 코드를 try 블록에 작성하고, 예외(exception)가 발생(throw)할 경우 예외에 대한 처리를 지정한다. Try 선언의 구성은 다음과 같다. -try...catch -try...finally -t..
JavaScript_02. 문법_15_Class ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com 클래스는 객체를 생성하기 위한 템플릿이다. 클래스는 데이터와 이를 조작하는 코드를 하나로 추상화한다. ● Class 정의 클래스는 클래스명 앞에 class라는 키워드를 사용해서 정의할 수 있다. 그리고 반드시 constructor 함수를 가집니다. constructor 함수는 class로 생성된 객체를 생성하..
JavaScript_02. 문법_14_Modules ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com 웹 애플리케이션의 크기가 커지면서 자바스크립트로 구현하는 함수를 기능별로 분리하고 필요한 곳에서 호출해서 사용할 수 있도록 물리적인 자바스크립트 파일을 분리해서 사용할 수 있는 방법이 요구되었다. 모듈은 export, import 지시자를 사용해서 다른 모듈에서 불러와 사용할 수 있도록 구성. export :..

티스토리툴바