제이쿼리(jQuery) 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리 제이쿼리를 이용하면 문서 객체 모델(DOM)과 이벤트에 관한 처리를 손쉽게 구현 또한, Ajax 응용 프로그램 및 플러그인도 제이쿼리를 활용하여 빠르게 개발 가능 제이쿼리가 많이 사용되는 이유 제이쿼리는 주요 웹 브라우저의 구버전을 포함한 대부분의 브라우저에서 지원 HTML DOM을 손쉽게 조작할 수 있으며, CSS 스타일도 간단히 적용 가능 애니메이션 효과나 대화형 처리를 간단하게 적용 같은 동작을 하는 프로그램을 더욱 짧은 코드로 구현 가능 다양한 플러그인과 참고할 수 있는 문서가 많이 존재 오픈 라이선스를 적용하여 누구나 자유롭게 사용 가능 제이쿼리 적용 제이쿼리는 자바스크립트 ..

정규 표현식의 개념 정규 표현식(regular expression)은 문자열에서 특정한 규칙을 가지는 문자열의 집합을 찾아내기 위한 검색 패턴 이러한 검색 패턴은 모든 문자열 검색이나 교체 등의 작업에서 사용 가능 정규 표현식 리터럴을 이용한 생성 RegExp 객체를 이용한 생성 /검색패턴/플래그 정규 표현식 리터럴은 슬래시(/) 기호로 시작하여, 슬래시(/) 기호로 끝남 또한, 필요에 따라 플래그를 추가하여 기본 검색 설정을 변경 가능 var regStr = /a+bc/; // 정규 표현식 리터럴을 이용한 생성 var regObj = new RegExp("a+bc"); // RegExp 객체를 이용한 생성 regStr; // /a+bc/ regObj; // /a+bc/ 단순한 패턴 검색 정규 표현식을 ..

예외(exception) 프로그램이 실행 중에 발생하는 런타임 오류를 의미 이러한 예외가 발생하지 않도록 미리 예방하는 것도 중요하지만, 발생한 예외를 처리하는 방법 또한 매우 중요 예외 발생 예외를 발생시킨다는 것은 명시적으로 오류를 발생시킨다는 의미뿐만 아니라 예외 상황을 알림 자바스크립트에서는 throw 키워드를 사용하여 예외를 발생 throw 표현식; ※ 표현식에는 예외 코드를 나타내는 숫자나 오류 메시지를 담고 있는 문자열, Error 객체 등 예외 처리(exception handling) 자바스크립트에서는 프로그램이 실행되는 도중 발생하는 예외를 처리하기 위해 try / catch / finally 문을 사용 try { // 예외를 처리하길 원하는 실행 코드; } catch (ex) { // ..

와...왜 벌써 6월이지? 하는 생각이 엊그제 같았는데, 벌써 7월이다... 5월은 어떻게 지나갔는지도 모를 정도로 정신이 없었고, 6월은 왜 벌써 끝났는지 이해가 안된다..... 아무튼 6월 회고이자, 상반기 회고록 Let's go 회사생활 가슴 졸이며 공부했던 코틀린, 언제 리팩토링이 들어갈까?!라는 생각을 가지며 틈틈히 하고 있었지만, 결국 갑자기 바빠지고 이슈가 많아져서 일이 많아졌다. 1월 회고록에 언급했던 기상청 API를 호출하여 응답받아오는 API에 문제가 생겼다. 기상청 오픈 API 자체적으로 응답이 잘못 오거나, 응답 타입이 json이 아닌 xml로 준다거나 등, 내가 어찌 할 수 없는 이슈들이 있었다. 물론 예외처리를 잘 해놨어야 한 것도 사실이나, 전혀 예상치 못한 에러, 테스트 범주..

이벤트(event) 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생 웹 페이지에 사용된 자바스크립트는 이렇게 발생한 이벤트에 반응하여 특정 동작을 수행 가능 따라서 클라이언트 측 자바스크립트를 비동기식 이벤트 중심(event-driven)의 프로그래밍 모델이라고도 함. 이벤트 타입(event type) : 발생한 이벤트의 종류를 나타내는 문자열로, 이벤트 명(event name)이라고도 함 가장 많이 사용하는 키보드, 마우스, HTML DOM, Window 객체 등을 처리하는 이벤트가 폭넓게 제공 이 문자열을 클릭해 보세요! function changeText(element) { element.innerHTML = "문자열의 내용이 바뀌었습니다!"; } 이벤트 명세(event specificat..

Spring 관련 첫 게시물!! 사실 실무나 사이드 프로젝트 하면서, Spring은 제일 많이 쓰는 Framework라고 할 수 있다. 하지만 구동원리를 설명하라고 하면 아직도 용어가 입에 안 붙고, 어버버버 할 때가 많다. 그래서 이번 기회에 Spring을 보다 더 원론적으로 알아보기 위해, 이번 포스팅에서는 Spring의 Interceptor의 이해와 사용법을 알아보도록 하겠다. Spring Interceptor란? Spring MVC 에서 Interceptor는 웹 애플리케이션 내에서, 특정한 Controller의 URI 호출 통해 들어오는 요청 HttpRequest와 Controller가 응답 HttpResponse을 '가로채는' 역할을 한다. 쉽게 말해, 요청과 응답을 가로채서 원하는 동작을 추..

이번 포스팅에서는 개발 툴 Intellij에서 Kotlin을 셋팅 해보겠다. intellij는 아래 링크에서 받으면 되는데, 본인 PC OS를 확인하고, 무료인 'Community Edition' 버전을 다운 받으면 되겠다!! 여유가 있다면, 'Ultimate' 버전을 받으시길!🥹 https://www.jetbrains.com/ko-kr/idea/download/#section=mac 최고의 Java 및 Kotlin IDE인 IntelliJ IDEA를 다운로드하세요 www.jetbrains.com 새 프로젝트 intellij 실행 후 "New Project" 선택 프로젝트 이름(Name) 및 경로(Location) 설정 Language "Kotlin"으로 설정 JDK 설정(java 최신 버전) 프로젝트 ..

브라우저 객체 모델(BOM, Browser Object Model)이란? 브라우저의 정보에 접근하거나 브라우저의 여러 기능들을 제어 가능 브라우저 객체 모델(BOM)은 문서 객체 모델(DOM)과는 달리 W3C의 표준 객체 모델 X 하지만 이 모델은 자바스크립트가 브라우저의 기능적인 요소들을 직접 제어하고 관리할 방법을 제공 BOM 모델의 객체들을 전역 객체(global object)로 사용 가능 Window 객체 window 객체는 웹 브라우저의 창(window)을 나타내는 객체로, 대부분의 웹 브라우저에서 지원 자바스크립트의 모든 객체, 전역 함수, 전역 변수들은 자동으로 window 객체의 프로퍼티가 됨 window 객체의 메서드는 전역 함수이며, window 객체의 프로퍼티는 전역 변수가 됨. 문서..

노드(node)HTML DOM은 노드(node)라고 불리는 계층적 단위에 정보를 저장HTML DOM은 이러한 노드들을 정의하고, 그들 사이의 관계를 설명해 주는 역할HTML Node TreeHTML 문서의 정보는 노드 트리(node tree)라고 불리는 계층적 구조에 저장노드들의 집합이며, 노드 간의 관계 표시노드 트리는 최상위 레벨인 루트 노드(root node)로부터 시작하여, 가장 낮은 레벨인 텍스트 노드까지 내려감!자바스크립트에서는 HTML DOM을 이용하여 노드 트리에 포함된 모든 노드에 접근가능노드의 종류W3C HTML DOM 표준에 따르면, HTML 문서의 모든 것은 노드!문서 노드(document node) : HTML 문서 전체를 나타내는 노드임.요소 노드(element node) : 모..

Error 발생 경로 새로운 프로젝트를 하다보면 구성이나 설정이 조금씩 바뀌면서, 이따금 구동하면서 다음과 같은 에러가 발생한다. Failed to configure a DataSource: 'url' attribute is not specified and no embedded datasource could be configured. *************************** APPLICATION FAILED TO START *************************** Description: Failed to configure a DataSource: 'url' attribute is not specified and no embedded datasource could be configured..