전자서명 코드 참고 35. (html/css/javascript/jquery) canvas 캔버스 사용해 pc (피씨), mobile (모바일) 에서 전자 서명 기능 구현 - /* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] URL 저장 그림 저장 지우기 /* ========= kkh0977.tistory.com (모바일)웹 화면에서 서명을 받아 서버에 업로드.. 일단, 미션이 떨어지고 서명받는 방법을 찾아 보았다. canvas 라는 html 태그를 사..
분류 전체보기
정규표현식(Regular Expression, Regex, Regexp)이란? 문자열을 처리하는데 사용되는 패턴 기반의 문자열(식) 특정 클래스(객체) 등을 사용하여 정규표현식에 부합되는지 여부 체크 유효성 검증(Validation Check) ex) 패스워드 유효성 검사, 전화번호 또는 이메일 양식 검사 등 응용 프로그램 뿐만 아니라 웹, 네트워크 프로그래밍 등에서 공통으로 사용 가능한 표준 표현식 자바, 웹(자바스크립트 등)에서 모두 활용 가능 정규표현식에 사용되는 패턴 문자 = 메타 문자(Meta Character) 특정 글자, 숫자, 기호 등과 함께 앞, 뒤에 특수한 규칙의 기호를 붙여 패턴 지정 일반적인 기호 ^x x로 시작하는 문자열인지 판별 ex) “x”,“xa”,“xxx”,“xab” 등(O..
상단 헤더에 카페 소개, 오시는 길, 이달의 추천 이렇게 세개의 버튼을 만들어놨다. 각각 버튼을 누르면 해당 구역(section)으로 이동할 수 있도록 만들어보도록 하겠습니다. 먼저, section으로 구역을 나눠주고 id를 준다. 나는 카페소개는 id="intro", 오시는길은 id="map", 이달의 추천은 id="choice" 로 값을 지정해줬다. 헤더 안에 #sectionId를 주고, css에서는 html로 전체를 묶어서 scroll-behavior 속성을 smooth로 지정하면 스크롤이 부드럽게 이동한다!!
https://www.w3schools.com/icons/icons_reference.asp Icons from Font Awesome, Bootstrap and Google 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.w3schools.com 위 사이트를 참고하여 html에 아이콘을 추가해보자 HTML4·5 버전 검색어 : coffee 추가할 페이지의 head 태그 안에 추가한다. 추가하고 ..
키보드로부터 입력받은 데이터를 파일에 출력 1. 키보드로부터 입력받기 System.in을 통해 키보드로부터 입력받는 입력스트림 InputStream 객체로 연결 => byte 단위로 처리 InputStream -> InputStreamReader 객체로 변환하여 char 단위로 처리 InputStreamReader -> BufferedReader 객체로 변환하여 String 단위로 처리 BufferedReader 객체로부터 입력스트림 한줄(Line) 단위로 읽어와서 출력 2. 파일로 출력하기 File 객체를 사용하여 출력할 파일 위치 및 이름을 지정 FileWrite 객체를 사용하여 char 단위로 처리(File 객체 전달) FileWrite -> PrinWriter 객체로 변환하여 출력 InputStr..
객체 직렬화(Serialization) & 역직렬화(Deserialization) 자바에서 사용하는 객체는 상태(변수 값)가 계속 변하는 영속성을 부여함 이때, 어떤 순간의 상태(변수 값)를 파일 또는 네트워크 등으로 내보내는 것 : 직렬화 파일이나 네트워크로부터 데이터를 읽어 객체로 변환하는 것 : 역직렬화 직렬화란 인스턴스 내용을 연속 스트림으로 만드는 것 스트림을 만들어야 파일에 쓸 수도 있고 네트워크로 전송할 수도 있다. 직렬화 과정을 통해 인스턴스 변수 값을 스트림으로 만들게 된다. ObjectInputStream, ObjectOutputStream 클래스 사용 주의! 직렬화 대상이 되는 클래스를 정의할 때는 반드시 Serializable 인터페이스 상속 필수! 만약, 직렬화 클래스 내에서 출력..
DataInputStream, DataOutputStream 사용 => 메모리에 저장된 0,1 상태를 그대로 읽거나 쓸 때 사용 => 자료형의 크기가 그대로 보존됨 자바의 기본데이터타입 8가지 + 문자형(String) 타입 처리 가능 => readXXX(), writeXXX() 메서드를 사용하며 XXX은 기본 데이터타입의 이름 사용 ex) int형 데이터 출력시 : writeInt() double형 데이터 출력시 : readDouble() => 주의! String 타입은 XXX 부분에 String 대신 UTF 사용 ex) readString() 메서드(X) -> readUTF() 메서드(O) 주의 사항 반드시 두 객체끼리만 데이터 입출력 가능 입출력 시 각각의 순서에 따라 처리해야함 ex) int, ch..
모니터로 데이터를 출력하는 방법 1. 기본 출력스트림인 OutputStream 사용(byte 단위로 처리) write() 메서드를 호출하여 byte 단위 출력 byte 단위로 처리되므로 문자열 데이터 자체를 처리할 수 없음 OutputStream 객체를 연결하기 위해서는 System.out 사용 char ch = 'A'; try(OutputStream os = System.out) { //write() 메서드를 호출하여 1byte 데이터를 출력 os.write(ch); } catch (IOException e) { e.printStackTrace(); } 결과: A 문자열은 출력되지 않는다. 그 이유는 1byte 단위로 출력하므로 한글, 한자 등 출력이 불가능하다. 그렇다면, 문자열을 출력하는 방법은? ..
