본문 바로가기

공부/JavaScript23

JavaScript 참고자료 JavaScript 공부에 참고한(할) 영상 등을 남깁니다. W3C] ALL STANDARDS AND DRAFTS DOM 뉴렉처 DOM 프로그래밍 for Vanilla JS(Github) 웹표준 기반의 웹 퍼블리싱 HTML5, CSS3 강좌 Traversy Media Vanilla JavaScript HTML & CSS JavaScript DOM Crash Course . 2021. 7. 31.
클로저 앞서 var와 let의 차이점이라는 게시물에서 언급했지만 클로저에 대해 좀 더 자세히 공부해보고자 게시글을 남깁니다. 대략적인 감을 잡았다고 생각했었는데, 비슷한 예임에도 실행 결과 예측이 힘들어서 공부의 필요성을 느꼈기 때문입니다. 게시글에서 틀린 부분이 있거나 혹 문제가 되는 부분이 있다면 댓글 남겨주시면 감사하겠습니다. 글의 목차는 다음과 같습니다. 1. 클로저란 함수 렉시컬 스코프 2. 클로저의 예 _____ 클로저란 클로저는 자바스크립트에서 중요한 개념 중 하나이지만 자바스크립트 고유의 개념이 아니기 때문에 ECMAScript 명세에 등장하지 않는다고 한다. 다만 MDN의 정의를 살펴보면 다음과 같다. 클로저는 함수와 함수가 선언된 어휘적 환경(Lexical environment)의 조합이다. .. 2021. 7. 24.
배열 API 이 게시글을 통해 얕게나마 배열 API에 대해 정리해나가고자 합니다. 최근 자바스크립트로 기본적인 코딩 문제[1]를 풀다가 막히기도 했고, 실제 프로젝트에서 통신 중 JSONArray 등의 자료구조를 다룰 일이 많기에 더 늦기 전에 공부하고자 합니다. 특히 자바스크립트의 배열은 자바와는 다르게 굉장히 유연해 그 활용도가 더 높다고 할 수 있습니다[2][3]. 또한 관련 글들을 보다 놀랐던 것은 reduce, map, filter와 같은 함수형 프로그래밍과 관련[4]된 최신 메서드들이 사실은 ES5부터 사용 가능한 메서드였다는 점이었습니다. 게시글의 틀린 부분 혹은 피드백이 있으시면 댓글로 남겨주세요. 목차는 다음과 같습니다. 1. 개요 2. filter 3. map 4. reduce 5. 기타 _____.. 2021. 7. 19.
Date validation 사용자로부터 값을 입력받는다면 일차적으로 화면, 즉 JavaScript로 유효성 검사를 해야 합니다. 그리고 그 중 날짜 혹은 시간과 같은 것은 어떤 프로젝트를 하건 필수적으로 입력받는 경우가 많은 거 같습니다. 따라서 정리해놓는다면 여러모로 도움이 될 것 같아 이 글을 작성합니다. 작성한 코드는 계속 수정, 보완해나갈 예정이고, 틀린 부분이나 의견이 있으시면 댓글 남겨주세요. _____ /** * 유효한 날짜 형식인지 validation check(ddMMyyyy) * 만약 유효하지 않다면 false 반환 * * @author hj */ function checkDateFormat(dateString) { var date; if (dataString.length === 0) { return true; .. 2021. 4. 10.