목록
'홈' 731건
-
세션을 이용한 웹 페이지 연동 기능세션 역시 웹 페이지들 사이의 공유 정보를 서버에 저장해 두고 웹 페이지들을 매개해주는 방법이라는 점에서 쿠키와 같습니다. 하지만 쿠키는 사용 시 웹 페이지들의 정보가 클라이언트 PC에 저장되므로 정보가 쉽게 노출될 수 있다는 단점이 있는 반면, 세션은 서버의 메모리에 생성되어 정보를 저장합니다. 따라서 웹 페이지에서 사용되는 정보에 로그인 정보처럼 보안이 요구되는 정보는 대부분 세션을 이용합니다.세션은 각 브라우저당 한 개, 즉 사용자당 한 개가 생성됩니다. 사용자의 로그인 상태나 쇼핑몰의 장바구니 담기 기능 같은 정보를 해당 브라우저의 세션에 저장해 두고 사용하면 편리합니다.세션의 특징은 다음과 같습니다.정보가 서버의 메모리에 저장됩니다.브라우저의 세션 연동은 세션 쿠키를 이용합니다.쿠키보다 보안에 ..
-
클리핑(Clipping)클리핑 개요클리핑이란 컴포넌트의 전체 그래픽 영역 내 특정 사각형 영역에만 그래픽이 이루어지도록 하는 기능입니다. 클리핑이 이루어지는 사각형 영역을 클리핑 영역(clipping area)이라고 부르며 반드시 시각형으로 설정됩니다. 클리핑 영역 설정 메소드Graphics 객체애는 글리핑 영역 정보릁 나타내는 프로퍼티와 클리핑 영역을 다루는 메서드를 가지고 있습니다. 개발자는 Graphics의 다음 메서드를 이용하여 클리핑 영역을 수정할 수 있으며, 도형 그리기, 칠하기, 문자열 출력, 이미지 그리기 등이 실행되면 클리핑 영역에만 그래픽이 이루어집니다. 클리핑 영역에 그리기import javax.swing.*;import java.awt.*;public class GraphicsClipEx extends ..
-
넌적스 - 반복문 & 조건문반복문넌적스에서는 특수한 구문을 {% %} 안에 씁니다. 따라서 반복문도 이 안에 넣으면 됩니다. for in문과 endfor 사이에 위치하면 됩니다. 반복문에서 인덱스를 사용하고 싶다면 loop.index라는 특수한 변수를 사용할 수 있습니다. 조건문조건문은 {% if 변수 %} {% elif %} {% else %} {% endif %}로 이루어져 있습니다. case 문은 없지만 elif(else if 역할)를 통해 처리할 수 있습니다. {{ }} 안에서는 다음과 같이 사용합니다.
-
세션 쿠키 사용하기1. popUp.html, popupTest.html 파일을 준비합니다. 2. 먼저 popUp.html을 다음과 같이 작성합니다. 웹 페이지가 브라우저에 로드될 때 pageLoad() 함수를 호출한 후 쿠키에 접근해 팝업창 관련 정보를 가져옵니다. getCookieValue() 함수를 호출하여 쿠키 이름 notShowPop의 값 true가 아니면 팝업창을 나타내고, notShowPop의 값이 true면 팝업창을 나타내지 않습니다. 3. popUp.html에서는 오늘 더 이상 팝업창 띄우지 않기에 체크하면 자바스크립트 함수인 setPopUpStart() 함수를 호출해 notShowPop의 값을 true로 설정하여 재접속 시 팝업 창을 나타내지 않도록 설정합니다. 알림 팝업창입니다..
-
이미지 그리기이미지 그리는 2가지 방법GUI 응용프로그램 작성에 있어 이미지 그리기는 매우 중요합니다. 스윙에서 이미지는 다음 2가지 방법으로 그립니다.JLbel 컴포넌트를 이용하여 이미지 그리기Grpahics의 메소드를 이용하여 이미지 그리기1. JLabel을 이용하여 이미지를 출력합니다.ImageIcon image = new ImageIcon("images/apple.jpg"); // 이미지 파일 읽기JLabel label = new JLabel(image); // 읽은 이미지를 출력할 레이블 컴포넌트 만들기panel.add(label); // 레이블 컴포넌트를 패널에 부착하여 출력 이 방법은 코딩이 쉬운 장점이 있지만 이미지가 원본 크기로만 그려자는 단점이 있습니다. 2. Graphics의 drawImage()..
-
넌적스 - 변수res.render 호출 시 보내는 넌적스가 처리합니다. routes/index.js의 코드를 보면 다음 부분이 있습니다.router.get('/', function(req, req, next) { res.render('index', { title: 'Express' });}); {{title}}Welcome to {{title}}전송 넌적스에서 변수는 {{ }}로 감쌉니다.ExpressWelcome to Express전송 내부에 변수를 사용할 수도 있습니다. 변수를 선언할 때는 {%set 변수 = '값' %}를 사용합니다. HTML을 이스케이프하고 싶지 않다면 {{ 변수 | safe }}를 사용합니다.
-
세션 쿠키 사용하기1. 다음과 같이 Cookie의 setMaxAge() 메서드를 이용해 유효 시간을 -1로 설정하여 세션 쿠키가 생성됩니다.package sec02.ex01;import jakarta.servlet.ServletException;import jakarta.servlet.annotation.WebServlet;import jakarta.servlet.http.Cookie;import jakarta.servlet.http.HttpServlet;import jakarta.servlet.http.HttpServletRequest;import jakarta.servlet.http.HttpServletResponse;import java.io.IOException;import java.io.PrintWriter;im..
-
도형 그리기와 칠하기도형 그리기Grahics를 이용하여 선, 타원, 사각형, 둥근모서리사각형, 원호, 페다각형 등을 그릴 수 있습니다. 이 중에서 선, 원, 사각형을 그리는 메소드는 다음과 같습니다.void drawLine(int x1, int y1, int x2, int y2)// (x1, y1) 좌표부터 (x2, y2) 좌표까지 선을 그린다.void drawRect(int x, int y, int width, int height)// (x, y) 좌표에 width x height 크기인 사각형을 그린다.void drawOval(int x, int y, int width, int height)// (x, y) 좌표에 width x height 크기인 사각형에 내접하는 타원을 그린다.void drawRoundRect(int..
-
넌적스넌적스(Nunjucks)는 퍼그의 HTML 문법 변화에 적응하기 힘든 분에게 유용한 템플릿 엔진이며, 파이어폭스를 개발한 모질라에서 만들었습니다. HTML 문법을 그대로 사용하되 추가로 자바스크립트 문법을 사용할 수 있으며, 파이썬의 템플릿 엔진인 Twig와 문법이 상당히 유사합니다. 넌적스를 설치합니다.$ npm i nunjucks view engine 퍼그 대신 넌적스로 교체합니다.const express = require("express");const morgan = require("morgan");const cookieParser = require("cookie-parser");const session = require("express-session");const dotenv = require("..
-
서블릿에서 쿠키 사용하기1. GetCookieValue, setCookieVale 클래스 파일을 준비합니다.2. SetCookieValue 쿨래수를 다음과 같이 작성합니다. Cookie 객체를 생성한 후 쿠키 이름을 cookieTest로 값을 저장합니다. 그리고 setMaxAge() 메서드에 쿠키 유효 시간을 24시간으로 설정합니다. 그런 다음 response와 addCookie() 메서드를 이용해 생성된 쿠키를 브라우저로 전송합니다.package sec02.ex01;import jakarta.servlet.ServletException;import jakarta.servlet.annotation.WebServlet;import jakarta.servlet.http.Cookie;import jakarta.servlet.http..
-
쿠키 API쿠키는 서블릿에서 쿠키 기능 사용 시 이와 관련된 API에 대해 알아보겠습니다. 쿠키는 Cookie 클래스 객체를 생성하여 정보를 저장한 후 서버에서 클라이언트로 전송해 파일로 저장됩니다. 쿠키 관련 API의 특징은 다음과 같습니다.javax.servlet.http.Cookie를 이용합니다.HttpServletResponse의 addCookie() 메서드를 이용해 클라이언트 브라우저에 쿠키를 전송한 후 저장합니다.HttpServletRequest의 getCookie() 메서드를 이용햐 쿠키를 서버로 가져옵니다,메서드설명getComment()쿠키에 대한 설명을 가져옵니다.getDomain()쿠키의 유효한 도메인 정보를 가져옵니다,getMaxAge()쿠키 유효 기간을 가져옵니다.getName()쿠키 이름을 ..
-
Graphics그래픽 기반 GUI 프로그래밍그래픽 기반 GUI 프로그래밍이란 스윙 컴포넌트를 사용하지 않고 선, 원, 이미 등을 직접 그려 GUI 화면을 구성하는 방식입니다. 이 방식의 장점첫째, 그래픽 기능을 이용하면 스윙 컴포넌트로 만들 수 없는 모양을 자유자재로 만들어낼 수 있습니다.둘째, 그래픽 그리기는 컴포넌트 그리기보다 빠르다.셋째, 스윙도 결국 하부에는 그래픽을 기반으로 작성되었기 때문에, 자바의 GUI 바탕 기술을 이해하는데 도움이 됩니다.넷째, 개발자는 그래픽을 이용하여 자신만의 컴포넌트를 장착할 수 있습니다. GraphicsGraphics 클래스의 경로명은 java.awt.Graphics이며, 그리기, 칠하기, 이미지 출력, 클리핑 등 GUI 프로그래밍에 있어 필요한 필드와 메소드를 제공합니다. Gr..