https://pabeba.tistory.com/175 jQuery 1탄 (ready, click, text, $(요소 선택) ) jQuery란? jQuery는 JavaScript 기반의 오픈 소스 프론트엔드 라이브러리입니다. 웹 개발을 위한 도구로 사용되며, HTML 문서의 요소를 선택하고 조작하는 데 특히 유용합니다. jQuery는 단순하고 직관적 pabeba.tistory.com 2탄을 들어가기 전 1탄을 보시고 들어가면 좋을 것 같습니다! 2탄은 조금 응용 편입니다. 요소 다중 선택 치킨 피자 콜라 소주 맥주 와인 하와이 제주도 훗카이도 아이유 강하늘 css 랑 script가 있어서 더 길어 보이는데 직접 파일을 옮겨서 실행해 보면 그렇게 어려운 코드는 아닙니다. 오히려 쉬운 코드입니다. 1. s..
jQuery란? jQuery는 JavaScript 기반의 오픈 소스 프론트엔드 라이브러리입니다. 웹 개발을 위한 도구로 사용되며, HTML 문서의 요소를 선택하고 조작하는 데 특히 유용합니다. jQuery는 단순하고 직관적인 API를 제공하여, 복잡한 JavaScript 코드를 간결하게 작성할 수 있도록 도와줍니다. 웹 페이지의 동적인 요소를 조작하고 애니메이션 효과를 적용하며, 서버와의 데이터 통신을 쉽게 처리하는 등 다양한 기능을 제공합니다. jQuery는 여러 가지 기능을 갖춘 다양한 모듈로 구성되어 있으며, 기본적인 선택자, 이벤트 처리, 애니메이션, AJAX와 같은 웹 개발에 필요한 다양한 기능을 포함하고 있습니다. 하지만 최근 웹 개발의 발전과 JavaScript의 표준화로 인해 jQuery의..
이전에 있는 Front Controller 글을 읽고 오시는 것을 추천드립니다! https://pabeba.tistory.com/164 이런 식으로 웹페이지를 생성한다고 생각했을 때 모든 페이지에 JSTL을 이용하여 Header, Footer, Left Navigation을 해야 한다고 생각하니 너무나도 두렵지 않습니까? 페이지가 20개면 20번을 3번씩 import 해와야합니다. 60번의 막일을 해야 하는데, 다 고쳐놨더니 제목을 바꾸거나 파일이 저장된 디렉터리를 변경하게 된다면 또! 또! 또! 고쳐야 합니다. 그래서 선조들은 이러한 귀찮음을 해결하기 위해 Layout을 제작하게 됩니다. Spring에서는 Thymeleaf?를 이용한다고 합니다. (아직 사용 전입니다.) 아무튼 Content의 내용만 ..
먼저 애플리케이션을 만들기에 앞서 요구사항을 확인해 봅니다. 요구사항 확인 1. 비로그인 상태에서는 게시판의 리스트 정보만 제공합니다. 2. 메인 화면 상단부에는 로그인할 수 있는 폼이 제공됩니다. 3. 리스트에서는 게시물번호, 제목, 작성자명, 작성일, 조회수가 제공됩니다. 4. 리스트의 게시물은 최신 등록순으로 정렬되어 제공됩니다. 5. 사용자가 로그인하면 상단부 영역에는 로그인 폼 대신 홈(링크) 글쓰기(링크) 회원이름 로그아웃(링크)이 제공됩니다. 6. 상세 게시물 정보는 게시물번호, 제목, 작성자, 작성일시(리스트에서는 작성일까지 보여줌) , 조회수, 게시물 본문내용이 제공됩니다. 7. 회원 자신이 작성한 게시물에 대해서는 상세 게시물 정보 하단에 삭제와 수정버튼이 제공됩니다. 8. 상단부의 로..
Oracle에서 시간 데이터를 저장하기 위한 방법을 알아보도록 합시다. 1. 현재시간 확인하는 법 SELECT SYSDATE FROM DUAL; 데이터 베이스 시스템의 현재 날짜와 시간을 가져오는 함수(SYSDATE)입니다. 가상의 테이블인 DUAL 테이블을 이용해서 시간을 가져왔습니다. 2. 원하는 시간 포맷으로 시간 확인하는 법 (년, 월, 일, 시, 분, 초) '. / -' 등으로 나누는 날짜 포맷 SELECT TO_CHAR(SYSDATE,'YYYY-MM-DD') FROM DUAL; SELECT TO_CHAR(SYSDATE,'YYYY.MM.DD') FROM DUAL; SELECT TO_CHAR(SYSDATE,'YYYY/MM/DD') FROM DUAL; 아래와 같이 값이 나오게 됩니다. 2023-06..
개발하다가 디렉토리를 변경해야하는 상황이 생기면 프로젝트 내에 있는 코드들을 모두 변경해야하는 상황이 옵니다. 가령 회원을 관리하는 페이지들을 만들어 놨는데, 다른 기능을 하는 페이지와 구분 짓기 위해서 폴더를 따로 만들어서 보관하려는 상황을 생각해 봅시다. 이렇게 파일이 있는데, error.jsp, index.jsp, test-result.jsp 제외하고 다른 파일들은 member 디렉토리로 넣으려고 합니다. 하지만 아마 이미 만들어 놓은 파일은 프로젝트 명이 default로 같기 때문에 굳이 경로를 설정하지 않았을 것입니다. 또한 경로가 변경되면 기존에 만들어 놓았던 Controller 들의 경로에도 문제가 생기게 됩니다. 이러한 문제를 막기 위해서 JSP EL을 이용해서 어플리케이션을 제작할 때부터..
