자바스크립트 썸네일형 리스트형 [JS] 자바스크립트 ==와 === 비교연산자, null과 undefined (아래 글을 참고하여 작성한 글임을 밝힙니다.) [Javascript] '=='와 '==='의 차이 (null, undefined) 지난번에는 '==' 연산자와 '===' 연산자의 기본적인 차이점에 대해서 알아보았습니다. [Javascript] '==' 연산자와 '===' 연산자의 차이점 이번에는 '=='와 '===' 연산자를 이용해서 null, undefined 값을 체크 hianna.tistory.com == 연산자 사용 시 null과 undefined를 == 연산자를 사용해서 비교할 경우, null과 비교하든, undefined와 비교하든 모두 true를 반환합니다. null과 undefined를 === 연산자를 사용해서 비교할 경우, 값이 정확하게 일치하는 경우에만 true를 반환합니다. 더보기 [JS] new 키워드를 사용하지 않고 객체 생성하기 "자바스크립트는 왜 그럴까?"를 읽던 중, new 키워드를 사용하지 말라는 말이 나왔다. 왜 우리는 new 키워드를 사용하면 안되며, 또 어떻게 new 키워드를 사용하지 않을 수 있을까? (아래의 velog는 읽기 전 읽으면 좋을, 생성자가 new 키워드에 대해 정리된 글이고 그 아래의 webclub 티스토리는 이 글을 쓰기 위해 참고한 글임을 밝힙니다.) JS 생성자와 new 키워드 객체란 서로 연관된 변수와 함수를 그룹핑한 그릇이라고 할 수 있다. 그리고 그 객체 내의 변수를 프로퍼티(property), 함수를 메소드(method)라고 부른다. 그리고 이렇게 생성된 객체는 일종의 독립 velog.io 자바스크립트 생성자 패턴 - new를 강제하는 패턴 javaScript 생성자 함수의 핵심 패턴 자바.. 더보기 [CSHTML][카드 게임] 2. JS ajax, 컨트롤러 만들기 Card.js function saveCard() { var index = 0; var front = document.getElementById('CardFront'); var back = document.getElementById('CardBack'); // + 입력값 유효성 검사 추가 $.ajax({ url: '/Card/SaveCard', data: { CardIndex: index, CardFront: front.value, CardBack: back.value }, dataType: 'json', method: 'post', success: function (res) { alert("입력되었습니다: " + front.value + ", " + back.value); // 입력값 초기화 front.. 더보기 [JS] 5장. 자바스크립트의 메모리 관리 자바스크립트의 메모리 관리 var string = new String("aa") string == string1; // true string1 = 'aa'; // 'aa' string === string1; // false string.toString() === string1 // true // 생각해볼것: 기본형도 참조형을 toString()같은 메소드로 바꿔 보여주는 것 아닐까? [번역] 자바스크립트의 메모리 관리 설명 JavaScript에서 변수, 함수, 객체 등이 어디에서 어떻게 저장되고 사용되는지, 그리고 더 이상 필요하지 않을 때 어떻게 수집되는지를 간략히 설명한 글입니다. velog.io 더보기 [JS] 3장-2. 프로토타입 3-7. 프로토타입 ES5에서는 class라는 키워드가 없다 ES6에서 class라는 키워드가 나옴 그래서 ES5를 쓸 때 class 비스무리한 것을 "프로토타입"을 사용해서 만듦 프로토타입 프로토타입: 부모 객체에 접근할 수 있는 프로퍼티 [[Prototype]], __proto__ 등의 키워드로 접근 가능 [코딩애플] 이거보고 prototype 이해 못하면 강의접음 var arr = []; arr.forEach(); // 내가 forEach를 정의하지 않았는데 어떻게 사용할 수 있지? [[Prototype]]을 찍어보니, Array(0)이라 나옴 아, Array라는 프로토타입이 forEach를 가지고있기 때문에 arr에서 forEach를 사용할 수 있구나! object obj = {}; // obj... 더보기 [JS] 2장. 브라우저, 자바스크립트 1. 브라우저: 문서, 이벤트, 인터페이스 DOM DOM(Document Object Model): DOM은 웹 페이지 내의 모든 콘텐츠를 객체로 나타내줌 HTML을 모델링한 게 DOM이라 생각하면 됨 Youtube DOM이란 뭘까요? 초짧은 설명 Window 객체 window = 루트 객체, 즉 브라우저 여러 이벤트도 등록되어있는 자바스크립트 코드의 전역 객체 Ex) 콘솔에서 따로 document라는 변수를 선언하지 않아도 document라는 브라우저에서 제공하는 내장 변수를 호출할 수 있음 2. 자바스크립트 JS 파일을 만들어도 되고, 태그 안에 작성해도 됨 HTML 렌더링의 가장 큰 원칙은 위에서 아래로 읽는 게 원칙 즉, 자바스크립트는 순서도 중요함 더보기 [JS] 1장. ES6란? ES6 ES6: 자바스크립트 표준, 규격을 나타내는 문법 모던 자바스크립트 과거에는 많은 사용자가 explorer를 쓰고 있었기 때문에, 많은 곳이 ES5로 서버를 제공했었음 ES5로 제공되고 있는 서버에서 ES6 문법을 쓰면, minimize 시 오류가 발생함 실제로 a?.aaa나 a ?? a같은 ES6 문법을 쓰면 오류가 남 => a === null ? undefined : aaa 로 하기 => a !== undefined !== null || a 로 써야 함 let, const 등을 써도 오류가 날 것 => var 사용하기 그러나 var 등 ES5는 함수 스코프를 따르고, 중복 선언이 가능하기 때문에 객체가 오염될 수 있다는 단점이 있음 => ES6 사용 가능하면 let, const 등 ES6를 쓰자 더보기 섹션 2: Next-Gen JS 10. Next-Gen JavaScript 리액트 앱은 보통 가장 최신 버전의 자바스크립트와 차세대 기능을 이용, 깔끔하고 강력한 리액트 앱을 작성할 수 있게 해줌 또한 리액트 자체가 수많은 차세대 자바스크립트 기능을 이용함 JS는 아주 빠르게 진화하기 때문에 새로운 기능들은 다양한 모습으로 보여질 수 있고, 덕분에 개발자들은 더 강력한 것들을 만들 수 있음 JS를 쉽게 실행해볼 수 있는 Jsbin.com http://jsbin.com/?js,console JS Bin Sample of the bin: jsbin.com 11. 변수 let과 const var: JS에서 변수를 생성함 let, const: ES6에서 변수를 생성하는 키워드 let - 새로운 var 변수 선언 시 사용 값을 수정할 수 있는 .. 더보기 이전 1 다음
