Yoon's Dev

자바스크립트 정규표현식 Regexp ① - 아이디 입력 조건 TO Do. 목표: 정규식을 활용하여 아이디 입력 조건을 만들자 [아이디 입력 조건] 1. 입력되는 전체 길이는 5~8자이어야 한다. 2. 아이디는 숫자와 영문자로만 사용 가능하다. 1. html 작성 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 정규표현식 아이디 Colored by Color Scripter cs 2. JavaScript작성 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 const id = document.querySelector("#id") const btn = document.querySelector("#commit") console.log(id) const pat..

자바스크립트 이벤트 처리와 DOM의 개념 이벤트 처리와 DOM의 개념 ■ 이벤트 발생과 처리 ✓ HTML 문서에서 발생하는 특정 상황으로 이벤트 발생은 보통 자바스크립트 코드와 연계됨 ex) 버튼 클릭, 마우스 이동, 마우스 클릭, 키보드 입력, 문서 로드, 창 크기 변경 등 ✓ 자바스크립트에서 이벤트를 처리하는 방법 - HTML 태그에 이벤트 처리 속성을 이용 - 문서 객체 모델 DOM 요소에 속성을 추가 - DOM 요소에 addEventListener()로 콜백 함수를 등록 □ 문서 객체 모델 DOM ✓ 자바스크립트에서는 DOM을 통해 HTML 요소에 접근할 수 있음 ✓ DOM은 텍스트로 된 HTML 문서를 프로그램적으로 처리할 수 있도록 문서 구조 전체를 객체화한 것을 의미함 □ DOM의 체계 ✓ ..

안드로이드 컨텍스트(Context) 메뉴 TO Do. - 메뉴를 생성하는 방법 중에서 XML을 이용하여 컨텍스트 메뉴 구성 컨텍스트(Context) 메뉴 ■ 컨텍스트 메뉴 ✓ 특정 뷰 또는 항목에 필요한 명령어들만 모아 놓은 메뉴 ✓ 옵션 메뉴 생성 과정과 상당 부분이 일치 . 메뉴 구성하는 순서를 기억하자 1. 레이아웃 구성 activity_main.xml) 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 ..

안드로이드 ListView 구성 TO Do. - 레이아웃에서 ListView 추가 - ListView 객체를 얻어 오기 - ListView 객체로 setAdapter() 메서드의 매개변수로 화면에 출력하고자 하는 데이터 지정하여 호출 - 리스너와 연결 . setOnItemClickListener() 메서드로 리스너와 연결 . 선택한 항목을 확인 ListView ■ ListView ✓ 안드로이드에서 리스트 박스를 구현하기 위해 제공해주는 클래스 ■ 선택 위젯 ✓ 어댑터(Adapter)를 이용하여 데이터 ㅇ녀결 ✓ 특징 . 배열 리스트, 데이터베이스 내의 데이터 등 여러 개의 데이터 항목들을 나타내 줌 1. 레이아웃 구성 리스트 뷰의 경우 아이디를 부여하고 기준선을 연결해야 한다. activity_main)..

안드로이드 옵션 메뉴 구성/속성 (XML 사용) TO Do. - 메뉴를 생성하는 방법 중에서 XML을 이용하는 방법 . Option Menu 생성 과정 . 일반적인 형태의 메뉴 생성 방법 - 메뉴의 재사용성 - 옵션 메뉴를 XML을 이용하여 생성 - 콘텍스트 메뉴도 같은 방법으로 생성 1. 레이아웃 구성 * 이 글은 옵션 메뉴만을 구성하는 과정이기에 별도의 레이아웃 구성이 필요가 없습니다. * 대신에 옵션 메뉴에 대한 구성을 위한 XML 작업이 필요로 합니다.! -> 옵션 메뉴의 선택 여부는 토스트 기능으로 확인해보도록 합시다. 메뉴 구성 res/menu 하단에 구성 (Resource type을 Menu로 설정) 2. main_option.xml 다음과 같이 메뉴를 추가해 줍시다. 3. MainActiv..

Adapter(어댑터) Adapter ■ Adapter(어댑터) ✓ 외부 데이터 소스와 어댑터 뷰(AdapterView) 사이의 연결 수단을 의미 ✓ Adapter는 여러 계층으로 구성(리스트 어댑터, 스피너 어댑터, 베이스 어댑터 등....) □ 데이터 소스 ✓ DB, XML, 배열 등.... □ 어댑터 뷰 ✓ ViewGroup의 서브클래스 ✓ GridView, ListView, Gallery, Spinner ..... ✓ 어댑터를 이용하여 데이터로 레이아웃을 구성 ✓ 사용자에 의한 항목 선택 이벤트 처리 ArrayAdapter ● 선택 위젯에서 사용할 값들의 목록을 설정하기 위한 공통 인터페이스로 어댑터를 제공 ● 어댑터는 어댑터 뷰와 데이터 소스 사이를 연결하고 데이터 항목을 관리 ● 어댑터는 여러..

안드로이드 기본 이벤트 처리 (클릭, 포커스, 롱 클릭, 키, 터치) 사용자 간의 상호작용을 위한 간단한 이벤트 처리 과정 ( 한 화면에 여러 이벤트가 존재하는 다중 이벤트 처리) 기본 이벤트 종류 ■ 클릭 ✓ OnClickListener . void onCLick(View v) ■ 포커스 변경 ✓ OnFocusChangeListener . void onFocusChange(View v, boolean hasFocus) ■ 롱클릭 ✓ OnLongClickListener . Boolean onCLick(View v) ■ 키 (특정 위치를 사용하는 경우) ✓ OnKeyListener . Boolean onKey(View v, int KeyCode, KeyEvent event) . onKeyDown(int k..

UDP 기반 통신 (JAVA 네트워크) 1. InetAddress 클래스 ■ InetAddress 클래스 ✓ 인터넷 주소와 관련된 기능을 제공하는 클래스 ✓ IP 주소를 액세스 하기 위한 추상층을 제공 ✓ IPv6용 프로그램으로 포팅 할 때 투명성 유지 가능 □ InetAdress 클래스의 메서드 메서드 이름 설명 boolean equals(InetAddress other) 현 객체가 other 객체와 같은 주소를 가지면 true, 아니면 false byte[] getAddress() 주소를 나타내는 4개의 요소를 가진 바이트 배열을 반환 String getHostAddress() 주소 정보를 나타내는 문자열 반환 String getHostName() 컴퓨터 이름을 나타내는 문자열을 반환 InetAddr..

파일 업로드(File Upload) 목표: 웹 브라우저를 통해서 파일을 전송 1. 파일 업로드의 기본적인 폼 ■ form 태그 구성 ✓ ■ Input 태그 지정 ✓ 2. fileSelect.jsp 다음과 같이 user, title 그리고 선택된 file을 넘겨주는 페이지를 작성합니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 user title file Colored by Color Scripter cs 3. cos.jar 파일 http://www.servlets.com/에 접속 Servlets.com Home What's New? COS File Upload Library Servlet Polls Mailing Lists Servlet Engines Servlet ISPs Ser..