Yoon's Dev

자바스크립트 정규표현식 Regexp ② - 날짜 입력 조건 TO Do. 목표: 정규식을 활용하여 날짜 입력 조건으로 입사연월일이 올바른 형식이면 입사 축하 메세지를 띄우는 기능을 만들자 [날짜 입력 조건] 1. 연도4자리, 월이나 일은 1자리이거나 2자리로 한다. ex) 2018-05-24 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 18 19 const date = document.querySelector("#date") const btn = document.querySelect..

자바스크립트 정규표현식 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 ..

안드로이드 메뉴 표현 속성 안드로이드 메뉴 표현 속성 ■ 옵션 속성 ✓ android:showAsAction - 코드 . setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS) - 종류 . never: 항상 액션 아이템으로 표시하지 않음 (기본값) . ifRoom: 액션 아이템을 표시할 수 있는 공간이 있다면 액션 아이템을 표시함 . withText: 메뉴 항목의 텍스트를 함께 액션 아이템으로 표시 . always: 항상 액션 아이템으로 표시

안드로이드 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..