JSP에서 DB 연동 및 로그인 회원가입 페이지 구현 구현할 페이지 목록 index.jsp: 메인페이지이며 로그인 버튼과 회원가입 버튼으로 구성 login.jsp: 로그인 페이지이며, 메인페이지에서 로그인 버튼이 onclick()되면 로그인 화면으로 이동 로그인 정보를 loginAction.jsp에 POST loginAction.jsp: 로그인 페이지에 입력된 사용자 정보를 GET하여 그 값을 DB값과 비교/검사 join.jsp: 회원가입 페이지이며, 메인페이지에서 회원가입 버튼이 onclick()되면 회원가입 화면으로 이동 회원가입 정보를 joinAction.jsp에 POST joinAction.jsp: 회원가입 페이지에 입력된 사용자 정보를 GET하여 그 값을 DB에 INSERT 1. TABLE 생성..
자바 이클립스에서 JSP와 DB 연동하기 JSP와 DB를 연동하기 위해서는 데이터베이스를 설치해야한다. 필자는 MySQL을 다운받음 1. MySQL 다운 링크 https://dev.mysql.com/downloads/windows/installer/8.0.html MySQL :: Download MySQL Installer Select Operating System: Select Operating System… Microsoft Windows Select OS Version: All Windows (x86, 32-bit) Windows (x86, 32-bit), MSI Installer 8.0.33 2.4M (mysql-installer-web-community-8.0.33.0.msi) MD5: 2a33..
자바 이클립스에서 JSP와 DB 연동하기 JSP와 DB를 연동하기 위해서는 데이터베이스를 설치해야한다. 필자는 MySQL을 다운받음 1. MySQL 다운 링크 https://dev.mysql.com/downloads/windows/installer/8.0.html MySQL :: Download MySQL Installer Select Operating System: Select Operating System… Microsoft Windows Select OS Version: All Windows (x86, 32-bit) Windows (x86, 32-bit), MSI Installer 8.0.33 2.4M (mysql-installer-web-community-8.0.33.0.msi) MD5: 2a33..
자바 이클립스에서 파일 저장 오류 오류 내용: Save could not be completed. Try File > Save As... if the problem Reason: some characters cannot be mapped using "ISO-8859-1" character encoding. ... Either change the endcoding or remove the characters which are not supported by the "ISO-8859-1" character encoding. 오류 이유: 해당 오류는 파일을 "ISO-8859-1" 문자 인코딩으로 저장하려고 할 때, 일부 문자가 해당 인코딩을 사용하여..
자바스크립트 배열 관련 메서드 정리 1. splice: 배열의 특정 위치에서 요소를 추가하거나 제거합니다. const fruits = ['apple', 'banana', 'orange']; // 요소 추가 fruits.splice(1, 0, 'grape', 'kiwi'); console.log(fruits); // ['apple', 'grape', 'kiwi', 'banana', 'orange'] // 요소 제거 fruits.splice(2, 2); console.log(fruits); // ['apple', 'grape', 'orange'] 2. slice: 배열의 특정 부분을 추출하여 새로운 배열을 반환합니다. const fruits = ['apple', 'banana', 'orange', 'grap..
문자열 여러 번 뒤집기 문제 설명 문자열 my_string과 이차원 정수 배열 queries가 매개변수로 주어집니다. queries의 원소는 [s, e] 형태로, my_string의 인덱스 s부터 인덱스 e까지를 뒤집으라는 의미입니다. my_string에 queries의 명령을 순서대로 처리한 후의 문자열을 return 하는 solution 함수를 작성해 주세요. 제한사항 my_string은 영소문자로만 이루어져 있습니다. 1 ≤ my_string의 길이 ≤ 1,000 queries의 원소는 [s, e]의 형태로 0 ≤ s ≤ e < my_string의 길이를 만족합니다. 1 ≤ queries의 길이 ≤ 1,000 입출력 예 my_string queries result "rermgorpsam" [[2, ..
코드펜에서 눈 내리는 효과를 구현한 HTML, CSS 코드 1. CodePen See the Pen Snow (Pure CSS) by alphardex (@alphardex) on CodePen. 위 코드에서는 js가 따로 없고 css로만 구현한 것으로 보인다. 수정 없이도 잘 구현되었지만, 랜덤 색으로 구현된다면 더 이쁠 것 같아서 재미로 약간의 수정을 해보았다. js를 활용하였고, css는 수정하지 않고 html만 수정했다. 수정 내용 - 반복적인 코드 제거 (클린 코딩) - 여러가지(랜덤) 색으로 눈 내리는 효과 1. 반복적인 코드 제거 (클린 코딩) 코드펜에서 보았던 .html 코드 반복이었다. 이 부분은 너무 효율적이지 않다고 생각하여 반복문으로 넣어주었다. (jQuery를 추가) for (va..
자바스크립트 페이지 이동 함수 및 속성 자바스크립트에서 꼭 필요하고 자주 사용되는 페이지 이동에 관련되어 포스팅하려고 한다. 가장 보편적인 3가지로 나눠봤다. 1. location.href 속성 사용 가장 일반적인 방법은 location.href 속성을 사용. 이 방법은 현재 페이지를 다른 페이지로 대체하며, 웹 브라우저의 주소 표시줄에 새 URL이 표시된다. index.html ----> home.html 이동 [index.html] Click [home.html] 홈페이지 이동 2.window.location.replace() 함수 사용 또 다른 방법으로는 window.location.replace() 함수를 사용. 이 방법은 현재 페이지를 새 페이지로 대체하고, 뒤로 가기 버튼을 사용하여 이전 페이..
