본문 바로가기

만독을 제대로 하는 5가지 단계 1. 좋은 책을 선정한다. 2. 최소 2번 반복해서 읽기 3. 챕터별 요약(3회독시) 4. 요약에 내 생각 붙이기(4회독) 5. 주제를 잡아 글쓰기
키보드로 이동 가능한 리스트 키보드로 이동 가능한 리스트 https://jsfiddle.net/cse_tushar/5LM4R/ 검색어 : javascript list keyboard navagation
[Javascript ] 프로토타입 이해하기 [출처] 오승환님 블로그 자바스크립트는 프로토타입 기반 언어라고 불립니다. 자바스크립트 개발을 하면 빠질 수 없는 것이 프로토타입인데요. 프로토타입이 거의 자바스크립트 그 자체이기때문에 이해하는 것이 어렵고 개념도 복잡합니다.하지만 프로토타입이 무엇인지 깨우친 순간 자바스크립트가 재밌어지고, 숙련도가 올라가는 느낌을 팍팍 받을 수 있습니다. 그럼 지금부터 프로토타입을 이해해봅시다.Prototype vs Class클래스(Class)라는 것을 한 번쯤은 들어보셨을겁니다. Java, Python, Ruby등 객체지향언어에서 빠질 수 없는 개념이죠. 그런데 중요한 점은 자바스크립트도 객체지향언어라는 것입니다. 이게 왜 중요하냐구요? 자바스크립트에는 클래스라는 개념이 없거든요. 대신 프로토타입(Prototype)..
jQuery와 javascript 에서의 trim() 함수 대부분의 프로그래밍 언어에서 trim() 함수는 문자열 앞과 뒤 공백을 제거하는 함수이다. 하지만 javascript 에서는 기본적으로 이 함수를 제공하지 않는데, 이 때문에 jquery의 trim()이 많이 사용된다 var str = ...; var trimmed_str = jQuery.trim(str); 만약 jquery를 쓰기 싫다면 정규식을 사용한 아래 함수를 이용하면 된다 function trim(stringToTrim) { return stringToTrim.replace(/^\s+|\s+$/g,""); } var trimmed_str = trim(str);
최소한의 전역변수 사용 [출처] 자바스크립트 핵심 가이드 전역변수는 프로그램의 유연성을 약화하기 때문에 가능하면 피하는 것이 좋다.전역변수 사용을 최소화 하는 방법은 애플리케이션에서 전역변수 사용을 위해 다음과 같이리터럴 형식으로 전역변수를 생성하는 것이다. var MYAPP ={}; MYAPP.stooge = { "first-name" : "Joe", "last-name" : "Howard"}; MYAPP.flight = { airline : "Korea-Air", number : 815, "departure" : { time : "2019-09-22", city : "Seoul" }};
jQuery 플러그인 1 - 기본적인 플러그인 만들기 출처: https://offbyone.tistory.com/129?category=283347 [쉬고 싶은 개발자] jQuery 플러그인은 jQuery의 프로토타입 객체를 확장하는 새로운 메소드를 추가하는 것입니다. 우리가 새로 추가한 기능은 jQuery의 모든 기능을 상속 받아 바로 사용할 수 있습니다. jQuery에 기능을 추가한다는 개념이지만, 우리가 사용할 때는 jQuery의 기능을 모두 사용할 수 있는 우리의 기능을 만든다고 생각하면 되겠습니다. 물론 jQuery 플러그인으로 기능을 만들지 않고 직접 기능을 수행하는 클래스를 만들고, 필요한 곳에 jQuery를 사용하도록 하는 방법도 있습니다. 어떤 방법으로 만들지는 자신의 선택이겠습니다. 자신이 편리한 방법으로 만들면 될 것 같습니다. 필요에 ..
유용한 정규 표현식 1. 파일 확장자 찾기 var testString = 'The file is logo.gif' // 원본 문자열var regex = /\S*\.gif/i;var results = testString.match(regex);var file = results[0]; // logo.gif \.gif : gif를 찾아라\S* : 공백이 아닌 모든 문자i : 대소문자 구분 없음 2. 특정 단어 찾기 ex) Apr var sentence = 'April is the cruelest month.';var aprMatch = /Apr(il)?\b/; if(sentence.search(aprMatch) != -1) { // Apr 또는 April을 찾았을 때} else { // 찾지 못함} Apr은 반드시 있어야 함(i..
자바스크립트 연산자 우선순위 자바스크립트 연산자 우선순위 1) . [] () : 세부지정이나 호출 2) delete new typeof + - ! : 단항 연산자 3) * / % : 곱하기, 나누기, 나머지 4) + - : 더하기, 연결, 빼기 5) >=