노력형 개발자

정규표현식 사용시 슬래시 or RegExp 객체를 사용합니다.

var pattern = /a/;
var pattern = new RegExp('a');

 정규식 메소드 사용

//RegExp.exec();
pattern.exec('abcdef'); // ["a"]
pattern.exec('bcdefg'); // null

//RegExp.test()
pattern.test('abcdef'); // true
pattern.test('bcdefg'); // false

 문자열 메소드 사용

//'abcdef'.match(pattern); // ["a"]
'bcdefg'.match(pattern); // null
'abcdef'.replace(pattern, 'A');  // Abcdef 

Flag

//i(ignore) - 대소문자 무시 
var pattern = /a/;
var patterni = /a/i;
"Abcde".match(pattern); // null
"Abcde".match(patterni); // ["A"]

// g
var pattern = /a/;
var patterng = /a/g;
"abcde".match(pattern); //["a"]
"abcdea".match(patterng); //["a","a"]

var pattern = /a/;
var patterng = /a/ig;
"aAbcdeaA".match(patterng); //["a","A","a","A"]

캡쳐

var pattern = /(\w+)\s(\w+)/;
var str = "My superman";
var result = str.replace(pattern, "$2, $1");
console.log(result);//superman My

치환

​​
var urlPattern = /\b(?:https?):\/\/[a-z0-9-+&@#\/%?=~_|!:,.;]*/i;
var content = '티스토리 : http://tokigui.tistory.com/ 입니다.';
content += '네이버블로그: http://blog.naver.com/tokigui 입니다.';
var result = content.replace(urlPattern, function(url){
    return "" + url + "";
});
console.log(result); 

[Tutorial]

http://zvon.org/comp/r/tut-Regexp.html#Pages~Contents

[learn, build, & test]

http://www.regexr.com/

Coding Convention은???

코딩가이드인데, 

본인도 본인이지만 협업을 하거나 전체전인 코드 작성법을 통일하여 

가독성을 위한 방법이며 지켜야할 규칙이다.

들여쓰기, 문법표기, 변수/함수명 정의 방법 등을 적용하는것을 말한다.

1. camelCase (카멜케이스)

단어의 조합시 첫글자는 소문자, 나머지 단어의 첫글자는 대문자로 하는 방법

ex) playToki, runToki

2. PascalCase (파스칼케이스)

단어의 조합시 모든단어의 첫글자를 대문자로 하는 방법. Java의 Class명 작성시 사용

ex) PlayToki, RunToki, YouAndMe

3. UPPERCASE

모든 글자를 대문자로 표기, 상수 혹은 중요한 식별자(identifier)를 나타낼때

ex) CONST, INTEGER, System.IO

4. snake_case

단어간의 구분을 언더바로 구분

ex) play_toki, run_toki

5. Hungarian Case

구조적인 프로그래밍 방식에서 사용되었고 변수의 type을 쉽게 구분하기 위한 방법

ex) g_intPlay(전역),  intNumber(int 타입),  strToki(문자타입)

스코프(scope)?

 코드에서 변수를 참조할 수 있는 해당 변수의 유효범위를 결정하는 개념

종류

 - 전역 스코프(global scope) - 코드 전체 접근 가능

 - 지역 스코프(local scope) - 함수 내의 코드에서만 접근 가능

 - 블록({}) 스코프가 존재하지 않음.

ready

 - 발생시점 

  ready() 메소드에 전달되는 이벤트 핸들러 함수의 호출 시점은 DOM구조가 로딩 완료될때(1,2번 사이)

HTML 문서는 가장 먼저 

1. DOM 구조가 로딩되고

2. 이어서 이미지와 같은 요소 컨텐츠들이 로딩

3. 이후 Window 객체가 로딩되고

4. 웹브라우저에서 Window 객체의 load이벤트가 발생 

* load 이벤트  - HTML 문서가 파싱이 되고, 외부컨텐츠 로딩이 완료되면 발생