Thymeleaf란? JSP, Freemarker 와 같은 '템플릿 엔진'의 일종이며, html 태그에 속성을 추가해 백엔드 서버에서 페이지에 동적으로 값을 추가하거나 처리할 수 있다. 타임리프를 통해 속성을 대체할 수 있는데, 아래 예제를 살펴보자. input 태그는 th:value를 통해 item이라는 변수에 값이 존재하면 해당 값을 세팅해준다. 만약 item이 존재하지 않으면 value="test"를 통해 "test"라는 문자열을 세팅해준다. (= th:xxx가 붙은 부분은 서버 사이드에서 렌더링 되어 기존 것을 대체하고, th:xxx이 없으면 xxx 속성이 그대로 사용) 타임리프를 통해 렌더링 된 html 페이지를 열어도 웹 브라우저는 th: 속성을 알지 못한다. 🔻 템플릿 엔진이란? 더보기 : ..

JDBC란? JDBC(Java Database Connectivity)는 자바 프로그래밍 언어를 사용해 데이터베이스에 접근할 수 있도록 하는 자바 API이다. 이를 통해서 우리는 데이터베이스에 접속하고, SQL을 실행하고, 이를 통해 데이터를 가져오거나 삭제하는 등 데이터를 다룰 수 있게 된다. 단순하게 데이터베이스와 통신할 수 있는 기술이구나! 라고 생각할 수도 있지만 그보다 더 중요하게 이해해야 할 것이 있다. JDBC가 등장하게 된 배경 JDBC가 등장하게 된 이유는 무엇일까? 바로 결론부터 말하자면 데이터베이스 접근의 표준화를 위해서다. 데이터베이스에는 Oracle Database, MySQL, PostgreSQL 와 같이 여러 종류의 데이터베이스가 있다는 사실을 알고 있을 것이다. 각각 데이터베..

JSP, PHP, ASP는 모두 웹 개발에 사용되는 서버 측 스크립트 언어이다. 이들 언어는 웹 서버에서 실행되어 동적인 웹 페이지를 생성(실제 웹이 동작하고 기능들이 구현되게 하는)하는 데 사용된다. 이들은 프로그래밍 언어는 아니지만, 스크립트 언어로 분류된다. 스크립트 언어는 일반적으로 프로그래밍 언어보다 쉽고 간단한 문법을 가지고 있으며, 서버에서 동적인 컨텐츠를 생성하는 데 사용된다. 이들 언어는 HTML과 같은 마크업 언어와 결합하여 웹 페이지를 만들기 위해 사용된다. 따라서 JSP, PHP, ASP는 프로그래밍 언어는 아니지만, 서버 측 스크립트 언어(서버사이드 언어, Server-Side Script)로 분류된다. JSP (Java Server Pages) Oracle 사에서 관리중인 Jav..

Static이란? Static은 '정적인, 고정된'이라는 뜻을 가지고 있습니다. 이러한 이름을 가지는 이유는 바로 static이 앞에 붙는 변수나 메서드는 어떤 객체에 소속되는 것이 아닌, 클래스에 고정되어 있는 변수나 메서드이기 때문입니다. Static의 특징을 먼저 살펴보겠습니다. 1. 메모리에 고정적으로 할당된다. 2. 객체 생성 없이 사용할 수 있다. 3. 프로그램이 시작되면 메모리의 static 영역에 적재되고, 프로그램이 종료될 때 해제된다. 4. Static 메서드 내에서는 인스턴스 변수를 사용할 수 없다. 이제 이 특징들을 차례로 살펴보겠습니다. 1. 메모리에 고정적으로 할당된다. Static이 붙지 않은 메서드나 변수의 경우 객체가 생성될 때마다 호출되어 서로 다른 값을 가지고 있을 수 ..

디자인패턴 중 하나인 MVC패턴 MVC패턴은 디자인패턴 중 하나입니다. 디자인 패턴이란 프로그램이나 어떤 특정한 것을 개발하는 중에 발생했던 문제점들을 정리해서 상황에 따라 간편하게 적용해서 쓸 수 있는 것을 정리하여 특정한 "규약"을 통해 쉽게 쓸 수 있는 형태로 만든 것을 말합니다. 어떠한 앱을 만든다고 한다면..그 앱을 유지보수를 하고 또 다른이들과 공유를 하면서 만들어야 할 떄 좀 더 쉽고 깔끔하게 만들 수 있는 방법을 우리는 고안해야 됩니다. 만약 이러한 방법들을 명확히 하지 않는다면.. 우리는 클래스 함수들을 일일히 다 만들어야 하게 될 겁니다. 라이브러리나 프레임워크가 그에 따른 예입니다. 예를 들어 그냥 jQuery를 이용한다면 $('#lucid')로 DOM을 선택할 수 있는 것을 그냥 순..

공부 목적 회원 가입 시 email형식이 맞는지 유효성 검증을 통해 가입할 수 있게 만들려고 한다. @Email은 형식이 맞지 않아도 @만 있으면 검증이 통과되기에 정규표현식을 배워 적용하고자 함. JavaScript를 배운 적이 없어서 나중에 프로젝트에 적용하기 위해 공부 목적으로 기록한다. 참고 사이트 https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Regular_expressions 정규 표현식 - JavaScript | MDN 정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다. JavaScript에서는 정규 표현식도 객체로서, RegExp의 exec() (en-US)와 test() 메서드를 사용할 수 있습니다. ..