자바스크립트 비교연산자
매일 사용하는 자바스크립트일수록 기초가 중요한 것 같다는 생각에 좀 더 나은 코딩을 위한 비교연산자 사용에 대해 정리해 보려고 한다. 개발을 하다보면 많은 비교 연산이 있는데 값을 비교하기위해 ‘==’와 ‘===’를 많이 사용한다. 차이점은 전자는 값비교, 후자는 참조비교 정도로 알고 사용하게 되는데…
매일 사용하는 자바스크립트일수록 기초가 중요한 것 같다는 생각에 좀 더 나은 코딩을 위한 비교연산자 사용에 대해 정리해 보려고 한다. 개발을 하다보면 많은 비교 연산이 있는데 값을 비교하기위해 ‘==’와 ‘===’를 많이 사용한다. 차이점은 전자는 값비교, 후자는 참조비교 정도로 알고 사용하게 되는데…
자바스크립트 문자열 인코딩 디코딩 메소드별 차이점에 대해서 정리해 보려고 한다. 이번에 검색 작업을 하면서 #태그를 사용할 일이 생겼었다. 평소처럼 encdoeURI/decodeURI를 사용하여 처리 했는데 #가 인코딩 되지 않아 문제가 발생하였다. 확인해 보니 encodeURI는 아래표의 예약어를 제외하고 인코딩 한다고 나와있다. #는 Number…
FBDG(https://www.facebook.com/groups/reactist)에서 주최하는 첫번째 meetup을 다녀왔다. ReactJs를 다룬다고 하길래 신청했고 대기자가 43명인데 다행히 참석할 수 있었다. (사실 막상가보니 대기자여도 갔어도 되는거 같은 분위기이긴 했다..ㅋ) 오늘 다룬 내용은 리액트 전반에 대한 설명과 실사례, 리덕스, 플러스유틸 4가지였다. * 페이스북은 리액트를 어떻게 만들었나? –…
모바일 검색 자동완성에 최근검색어를 같이 출력하기 위해 사용자 디바이스의 localStorage에 최근검색어를 저장하기로했다. 해서 간략히 정리해 본다. (PC 브라우저의 경우 익스플로러는 8부터 지원한다.) HTML5에서 제공하는 클라이언트 저장소는 localStorage와 sessionStorage 두가지인데 localStorage만 정리해보겠다. 특징 window.localStorage – stores data with no expiration date…
자바스크립트 데이터 타입중에 null, undefined라는 것이 있다. 둘다 비슷한 느낌의 데이터 타입인데 뭔가 애매하긴하다. 개인적으로는 undefined는 거의 사용하지 않고 null을 사용하는데 undefiend는 초기화 되지 않은 변수를 나타내고, null은 빈 객체를 나타내기 위해 사용한다. 둘다 문법적으로 크게 문제가 될 일은 거의 없을…
자바스크립트 샌드박스 패턴 어떤 모듈이 다른 모듈과 그 모듈의 샌드박스에 영향을 미치지 않고 동작할 수 있는 환경을 제공한다. 라고 책에 나와있던데 모듈네임스페이스만 보호하면 SandBox내부에서 아무 작업이나 해도 되는듯 싶다. 싱글톤에 이은 신세계발견 정리 샌드박스는 말그대로 유일무이한 샌드박스 공간을 제공한다. 샌드박스 생성자…
초보자를 위한 정규 표현식 가이드 (자바스크립트 기준) from 민태 김 초보자를 위한 자바스크립트 정규 표현식 꿀팁이네요 ㅋ 좋은자료 감사합니다~
한참 스터디 중인 자바스크립트에서 클래스를 상속하는 방법에 대해서 정리해 보겠습니다. 배우는중이라 틀린 부분이 있다면 댓글로 알려주시면 감사하겠습니다.^^ 자바스크립트책을 조금 읽어보신 분들은 자바스크립트에는 클래스가 없다는 것을 알고계실 겁니다. 자바스크립트에는 생성자함수만 있는데 부모 생성자함수를 자식 생성자함수가 상속받아서 사용하기위해서 두가지 방법이 있습니다. 방법은 아래와…
주변에서 자바스크립트 객체가 무엇인지 궁금해 하시는 분이 계셔서, 비전공자가 이해하기 쉽도록 정리를 해보도록 하겠습니다. 잘못된 정보가있으면 댓글로 알려주시면 수정하도록 하겠습니다. 우선 객체는 사람, 자동차, 건물, 새, 고양이, 선풍기, 믹서기, 냉장고등 현실에 존재하는 모든 물건 이라고 보시면 됩니다. 이러한 객체는 프로그래밍 관점에서…
작업하다가 싱글톤으로 짜여진 소스를 볼 수 있었다. 유명하긴 하지만 처음 본 디자인패턴이라 본김에 정리하고 익숙해 져야겠다. 싱글톤패턴은 클래스(생성자함수)의 인스턴스를 오직 하나만 유지한다. 동일 클래스로 객체를 여러개 생성해도 최초 생성된 객체하나만을 얻게된다. 사실 자바스크립트는 클래스가 없기때문에 객체는 다른 객체와 같지않기 때문에…
페이스북에 캡슐화 질문 올렸다가 캡슐화랑은 상관없지만 깔끔한 답변을 받아서 공유합니다. 자바스크립트의 new 구문은 매우 특수합니다. 자바의 new처럼 보일지 몰라도 의미가 전혀 다릅니다. 자바에서 new 구문의 의미는 다음과 같습니다. new 뒤에 지정된 클래스의 인스턴스를 만들고, 해당 클래스에 생성자 함수가 있는 경우…
객체 생성 방법에 대해 나름 정리해 보았습니다. 자바스크립트에는 다른 언어이 가지고 있는 클래스가 없다는 것을 많이들 알고계실 겁니다. 그래서 객체를 생성시 일급객체인 함수(생성자함수)를 사용하거나 객체리터럴 방식을 사용해서 객체를 만들어 낼 수 있습니다. 먼저 생성자 함수를 사용한 객체생성을 보겠습니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
var Person = function( name, sex, age ){ if( this instanceof Person == false ) return new Person(); // private member var name = name ? name : "jaewon", sex = sex ? sex : "male", age = age ? age : 1; // priviledge method this.introduceSelf = function(){ var greeting = "이름은 "+name+"이고 나이는"+age+"살 입니다."; return greeting; }, this.getName = function(){ return name; }, this.setName = function( arg ){ name = arg; } }; |
*일반적인…