[JSP] JSP 내장 객체 application 메서드 및 예제
·
Front-End/JSP
JSP 내장 객체란 컨테이너에 의해 미리 선언된 자바 클래스의 참조 변수다. 즉, JSP에서 선언하지 않고 사용할 수 있는 객체다. request, session, application 등 총 9개가 존재한다. application은 웹 서버의 애플리케이션 처리와 관련된 정보를 참조하기 위해 사용한다. 처음 컨테이너가 구동될 때 단 하나의 객체만 생성됩니다. 기본적으로 서버에 대한 정보나 서블릿에 대한 정보들을 가지고 있는데 어플리케이션(프로젝트 단위) 내 모든 JSP/서블릿들이 공유하는 객체다 보니 데이터를 편리하게 운송하는 수단으로 주로 쓰입니다. 📝 application 메서드 ⦁ 개발자를 위한 서버 관련 정보 메서드 getServerInfo() JSP/서블릿 컨테이너 이름과 버전 반환 getMaj..
[JSP/Servlet] 서블릿 구현하기 (HttpServlet, web.xml, 매핑이란?)
·
Front-End/JSP
서블릿을 구현하기 위해서는 HttpServlet라는 추상 클래스를 상속받아야 한다. 서블릿을 구현하는 방법에 대해서 알아보자. 📝 서블릿 개발 과정 1. 서블릿 규약에 따라 자바 코드 작성 2. 자바 코드를 컴파일해서 클래스 파일 생성 3. 클래스 파일을 /WEB-INF/classes 폴더에 위치시킨다. cmd 명령어 = javac -d ../classes *.java 4. web.xml 파일에 서블릿 클래스를 설정 5. 톰캣 등의 컨테이너를 실행 6. 웹 브라우저에서 확인 📝 HttpServlet 클래스 항상 공식문서를 참고합시다. https://docs.oracle.com/javaee/7/api/javax/servlet/http/HttpServlet.html HttpServlet (Java(TM) E..
[JSP] 서블릿(Servlet)과 JSP 정리, MVC 패턴
·
Front-End/JSP
서블릿은 자바 기반의 웹 프로그래밍 기술로 자바 언어의 모든 기능을 사용할 수 있다. (확장자도 .java) 스레드 기반의 빠른 처리 속도를 자랑하지만, 프로그램 내에서 HTML을 작성하는 것이 화면 인터페이스 구현에 너무 많은 코드를 필요로 하는 등 유지 보수 측면에서 많은 문제가 있다고 한다. 이러한 문제점을 개선한 것이 JSP(Java Server Page)다. JSP는 서블릿 기반의 서버 스크립트 언어로 현재 가장 대표적인 웹 프로그래밍 기술이다. 서블릿의 장점을 수용하면서 단점을 보완했다. JSP의 장점은 스레드 기반으로 시스템 자원을 절약하고 효율적인 공류가 가능하며 최초 요청시 서블릿으로 컴파일 되어 이후 요청에 대해서는 메모리에서 처리하므로 빠른 처리속도를 자랑한다. 또한 자바 언어의 모든..
[JS] 회원가입 페이지 사용자 입력 유효성 검사 (정규식, 비정규식)
·
Front-End/HTML, CSS, JS
회원가입 시에 사용자가 데이터를 제대로 입력하도록 유효성 검사를 구현 해야한다. 정규식을 사용하는 방법과, 정규식을 사용하지 않는 2가지 버전으로 구현했다. HTML 회원 기본 정보 아이디: 4~12자의 영문 대소문자의 숫자로만 입력 비밀번호: 4~12자의 영문 대소문자의 숫자로만 입력 비밀번호확인: 메일주소: 예) id@domain.com 이름: 개인 신상 정보 주민등록번호: 예) 1234561234567 생일: 년 1 2 3 4 5 6 7 8 9 10 11 12 월 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 일 관심분야: 컴퓨터 인터넷 여행 영화감상 음악감상 자기소개: 회원 가입 두 버전 모두 ..
[Node.js] Express 웹 서버 만들기 (mySQL 연동) - 1
·
Back-End/Node.js
Express란 "Node.js를 위한 가장 빠르고 개방적인 간결한 웹 프레임워크"다. MIT허가서로 라이선스 되는 자유-오픈 소스 소프트웨어다. 웹 어플리케이션, API 개발을 위해 설계되었고, Node.js의 사실상의 표준 서버 프레임워크로 불린다. 주로 React를 사용해 프론트엔드를 개발하고 Express를 사용해서 웹 서버를 개발하는 조합이 많이 사용된다. Express.js 시작하기 https://expressjs.com/ko/starter/installing.html Express 설치 설치 Node.js가 이미 설치되었다고 가정한 상태에서, 애플리케이션을 보관할 디렉토리를 작성하고 그 디렉토리를 작업 디렉토리로 설정하십시오. $ mkdir myapp $ cd myapp npm init 명령..
[JS] 자바스크립트 공학용 계산기 만들기
·
Front-End/HTML, CSS, JS
HTML, CSS clear = 1 2 3 + x^y 4 5 6 - sin 7 8 9 * cos 0 +/- . / tan ⦁ 인라인 스타일과 태그를 섞어서 사용했다. 처음에 인라인 스타일만 사용했다가, 코드가 길어지는 느낌이 들어서 태그로 css를 적용해 보았는데 오히려 통일감이 없어지고 코드의 길이도 더 길어진 느낌이라 아쉬웠다. 다음부턴 조심하자. 자바 스크립트 (Java Script) 참고 문헌 :
[Web] 쿠키, 세션, 토큰(jwt) 인증 방식 정리
·
CS 지식
웹에서 사용자를 인증할 때 크게 쿠키, 세션, 토큰 방식이 있다. HTTP 프로토콜은 Stateless이기 때문에 상태 정보를 가지지 않는다. 지속적이지 않다는 특징 덕분에 서버의 부담은 줄어들었지만, 로그인 같은 경우는 한번 인증이 완료되면 클라이언트가 누구인지 계속 정보를 유지해야 하기 때문에 사용하는 것이 쿠키와 세션, 토큰이다. 인증(Authentication) & 인가(Authorization) 1. 인증 ⦁ 식별 가능한 정보로 서비스에 등록된 사용자의 신원을 입증하는 과정 예시 : 인증은 방문자가 자신이 회사 건물에 들어갈 수 있는지 확인을 받는 과정이다. 2. 인가 ⦁ 인증을 통해 확인을 받은 사용자가 이후 서비스의 여러 기능들을 사용할 때 내가 로그인이 되어있음을 알아보고 활동을 허가해주는..
[HTML] <form>을 사용한 로그인 페이지 구현 (audio 음악재생)
·
Front-End/HTML, CSS, JS
HTML만 사용해서 간단한 로그인 페이지를 구현 해보자. 태그를 사용하면 사용자가 입력한 정보를 한 번에 서버로 보낼 수 있다. 주로 로그인이나 사용자의 의견을 물어볼 경우 많이 사용된다. 태그 설명 https://www.w3schools.com/html/html_forms_attributes.asp HTML Form Attributes W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3scho..