post IT

갑자기 js 파일이 흑백화 되어 진짜 메모장처럼 코드를 쓸 수 밖에 없는 상황...

이 채도 낮은 파일에서 우클릭 한 후에, (혹은 Explorer 파일에서 우클릭)

Open With - JavaScript Editor로 열면 해결이 된다.

JavaScriptEditor가 메뉴에 안보일 땐 따로 플러그인을 설치해주면 된다.

메뉴 Help - Install New Software...  창을 열고

아래 스샷과 같이 Add -> Location 칸에 http://download.eclipse.org/releases/photon 을 추가한 후 Add.

로케이션을 연결해주면 여러가지 목록이 뜨는데 제일 하단 쪽에

Web, XML, Java EE and OSGi Enterprise Development --> Eclipse Web JavaScript Developer Tools

를 체크한 후 Next 하여 설치해준다. 

이미 설치를 해버려서 스샷이 없는데 위와 비슷하게 JavaScript 쩌구쩌구 하는 걸 설치해주면 된다.

설치가 완료된 후 이클립스 재시작이 되고,

상단의 방법처럼 Open With - JavaScript Editor를 통해 열어주면 컬러화가 되어 있다.

앞으로 js열때마다 Open With를 통해 열어주면 매우 귀찮을테니까

JavaScript Editor를 디폴트에디터로 설정해보자.

메뉴 Window - Preferences - Associations 검색

아래와 같이 .js를 클릭해주면 아래쪽에 Editor목록이 나오는데 

그중에 JavaScript Editor를 클릭하고 오른쪽에 [Default] 버튼을 클릭 - Apply and Close 를 한다.

그러면 다음엔 열때 바로바로 알록달록한 js가 나온다.  끗!!!

정규표현식

• 문자열의 패턴을 확인할 때 사용하는 표현식
• 아이디, 비밀번호 등의 규칙을 정할 때 사용.

참고사이트 : www.regex101.com

네이버 회원가입 아이디 정규표현식
/ ^[a-z0-9_-]{5,20}$ /
'5~20자의 영문 소문자, 숫자와 특수기호(_), (-)만 사용 가능합니다.'

정규표현식 중요 메서드

• test(문자열) : 정규표현식과 일치하면 true, 일치하지 않으면 false를 반환.
    ex) regex.test(str) str이 regex에 맞는 문자열인지 확인.

var phoneReg =  /^010(-\d{4}){2}$/;

var num1 = '010-1234-5678'
console.log(num1 + " : " + phoneReg.test(num1));
var num2 = '01012345678';
console.log(num2 + " : " + phoneReg.test(num2));
var num3 = '010-abcd-abcd';
console.log(num3 + " : " + phoneReg.test(num3));
var num4 = '010-1234-678';
console.log(num4 + " : " + phoneReg.test(num4));

• 문자열.math(정규표현식) : 정규표현식과 일치하는 문자열을 배열로 만들어 반환.

플래그정규표현식 : 정규표현식의 / ← 다음에 써준다.

• i : 대소문자 구별 없이 비교. test() 메서드를 이용할 때 사용
• g : 문자열 전체와 비교
• m : 여러 행의 문자열을 비교

참고하면 좋은 영상!

https://www.youtube.com/watch?v=t3M6toIflyQ