1) 정규표현식이란? 정규표현식 (regular expression) 문자열의 특정 패턴을 찾을 수 있는 문법입니다. 패턴을 찾아서 추출, 삭제, 치환 등의 문자열 조작을 할 수 있습니다. 실무에서의 사용 몇 가지 유용한 사례 입니다. 이메일, 주소, 전화번호 규칙 검증 textarea에 입력된 것 중 불필요한 입력값 추출 트랜스파일링: 트랜스 파일링은 최근에 자바스크립트 개발이 ECMA 스크립트가 6, 7, 8 이렇게 나가면서 현대화된 개발 문법을 브라우저가 지원되지 않기 때문에 그 문법을 변환시켜주는 어떤 로그들을 만들 필요가 있습니다. 그 도구에서 예를 들어서 이런 걸, 최근 문법에 쓴 개발 코드가 있는데 그 코드를 실제 브라우저에서 동작 가능한 코드로 변경한다거나 그런 작업을 할 때, 즉 소스코드..
2) 생성자패턴으로 TabUI만들기 이전의 Tab UI를 prototype을 활용하여 객체를 만드는 클래스 형태의 코드로 만들어보겠습니다. 자바스크립트 객체 다시 이해하기 전역공간에 구현된 코드를 prototype기반의 클래스로 구현해볼 겁니다. 이전에 구현했던 코드는 아래와 같습니다. 링크 바로가기 TAB UI TEST crong jk pobi honux hello jk golf, facebook prototype 기반 클래스 코드 prototype기반 코드는 하나의 클래스(모듈)로 만드는 것으로, 기존코드의 큰 수정 없이 변경할 수 있습니다. 우리는 지금처럼 비슷한 기능 덩어리를 하나의 객체, 즉 클래스 형태로 만들 수가 있습니다. 영상에 노출된 코드는 아래에서도 확인할 수 있습니다. 링크 바로가기 ..
1) 생성자패턴 들어가기 전에 자바스크립트에서 함수만으로 나누기 보다는, 어떠한 집합개념으로 모듈화를 할 필요가 있습니다. 객체지향 언어에서는 클래스라고 하는 것이 그것입니다. 자바스크립트도 객체 형태로 비슷한 속성과 행위를 묶어서 표현할 수 있는데, 좀 더 객체지향적인 방법으로 이를 표현할 수가 있습니다. 생성자 패턴을 통해서 그 방법을 이해해 보겠습니다. 자바스크립트 객체 다시 이해하기 객체리터럴(Object literal)은 비슷한 속성과 행위들을 묶어서 객체로 만드는 코딩입니다. 그런데 아래 코드에서 healthObj의 형태를 가진 name이 다른 여러개의 객체가 필요하다면 어떻게 할까요? healthObj2, healthObj3... 처럼 구현해도 되지만, 비슷한 객체를 계속 중복해서 만들어 두..
2) RestController를 이용하여 web api작성하기 web api 작성 실습 앞에서 작성했던 Guestbook 프로젝트에다가 웹 API를 추가하겠습니다. RestController 사용하려면 반드시 jackson 라이브러리 추가해야합니다. pom.xml을 확인하여 없다면 추가합니다. RestController를 사용해보기 위해서 일단은 controller 패키지에다가 RestController를 생성합니다. 클래스 이름은 GuestbookApiController.java으로 생성합니다. 생성하면 어노테이션을 @RestController라고 붙여줍니다. 그리고 해당 API 클래스 안에는 같은 매핑으로 여러 개를 수행하므로 이 클래스에 RequestMapping을 선언하면 클래스 안에 있는 것들..