목록분류 전체보기 (232)

초급의 끄적거림

[Bootstrap] Bootstrap란 / container / container-fluid

1. Bootstrap (프레임워크) ⊙ 가장 대표적인 반응형 페이지 ⊙ 쉽고 빠른 프론트엔드 웹 개발을 위해 설계된 HTML, CSS, JS프레임워크. ⊙ 맞춤형 HTML, CSS 요소와 jQuery 플러그인을 제공하며 다양한 웹 브라우저 환경이나 스마트폰 (1단, 싱글페이지), 태블릿 (2단), 데스크탑 (3단)에도 대응하여 크로스 브라우징(Cross Browsing)을 도와준다. (반응형) ⊙ 트위터에서 오픈 소스로 공개되어 원래 있던 디자인을 그대로 사용하거나 누구나 마음대로 수정하여 자유롭게 배포하는 것도 가능 ⊙ 현재 계속 버전이 업데이트되고 있으며 현재 v4.0까지 나옴 https://www.w3schools.com/bootstrap/default.asp ⊙ 사용 방법 1) Download ..
프론트엔드/Bootstrap 2019. 9. 2. 18:06
[jQuery] for, each, this 연습 / 요소의 탐색과 생성 / 시계만들기 / 날짜 자동생성

1. 10. for_each.html 10-1) 1) 메인 화면 2) 한번 '7단!' 을 클릭했을 경우, 구구단 7단이 한 번 발생 3) '7단!'을 두 번 클릭한 경우, 클릭하는 횟수마다 구구단이 생김 7단! 10-2) ①,② 구구단 7단이 alert로 뜨는 모습 ③ 마지막 7*9가 뜨고나면 1~9까지 한번에 다 나타남 2. 11_this연습 1) CSS 를 추가하여 각 버튼 별로 색상만들기 버튼 멋진 핑크 쿨한 파랑 네온 녹색 클릭한 버튼정보 클릭한 버튼의 index : ? 클릭한 버튼의 뒷배경색 : ? 클릭한 버튼의 글자 : ? 3. 12_요소의 탐색 1 2 3 4 5 6 7 8 9 4. 13_요소의 생성 ★★★ ⊙ 요소를 생성하는 이유 : 댓글의 더보기 등의 무한 스크롤링하기 위해 ⊙ append..
jQuery 2019. 9. 2. 10:48
[jQuery] jQuery의 정의 /선택자, css, 속성 메소드, this, index 등 연습

1. jQuery ⊙ 배우기 전에 기본 지식 : HTML/CSS/JavaScript ⊙ 자바스크립트 함수들로 이루어진 라이브러리 ⊙ XML문서를 쉽게 사용할 수 있는 대안 ⊙ HTML 엘리먼트 선택/조작, HTML 이벤트 함수 ⊙ HTML DOM traversal과 수정 ⊙ 자바스크립트 효과 및 애니메이션 ⊙ CSS 조작 ⊙ AJAX ⊙ 자바스크립트 사용시 편리함을 위해서 사용 2. jQuery 라이브러리 ⊙ 외부라이브러리 : jquery - js - moment-with-locales.jsp ⊙ D:\java0514\frontend\js\jquery-3.4.1.min.js (= basicWeb/WebContent/jquery/js/jquery.js) 3. jQuery 문법 ⊙ jQuery에서는 HTML..
jQuery 2019. 8. 30. 17:43
[이클립스] html을 이용한 jQuery 실습 폰트 색상 바꾸기

1. Window - Preferences - JavaScript - Editor - Syntax Coloring - JavaScript 에서 색상변경 ※ 대체로 폰트 색상은 Editor 에서 바꿀 수 있으니 정 모르겠으면 다 돌아볼 것
기타 2019. 8. 30. 16:40
[jQuery] jQuery 관련 이클립스 플러그인 tern 환경설정

1. 환경설정 - 플러그인 tern 참고 https://handcoding.tistory.com/8 1) Help → Install New Software 2) http://oss.opensagres.fr/tern.repository/1.2.0/ 검색 → '체크' 해줄 것 3) Next 선택 4) I accept the terms of the license agreement (동의) → Finish 5) OK 선택 6) 이클립스 재시작 Yes 7) 적용 방법 : 적용하려는 프로젝트 우클릭 → Configure → Convert to Tern Project 8) 프로젝트 Properties → JavaScript → Tern → Modules → Browser / CKEditor / jQuery 체크 ※ ..
jQuery 2019. 8. 30. 14:10
[과정평가형] 이클립스 한글 인코딩 설정

1. 프로젝트를 생성하기 전에 java, jsp, html, css, text 파일의 기본 인코딩을 'UTF-8'로 지정한다. (이클립스 Window - Preference 메뉴) 1-1) Window → Preferences → General → Workspace → Text File Encoding 속성을 UTF-8로 변경 1-2) Window → Preferences → General → Editors → Text Editors → Spelling Encoding 속성을 UTF-8로 변경 1-3) Window → Preferences → Web → CSS Files Encoding을 UTF-8로 변경 1-4) Window → Preferences → Web → HTML Files Encoding을 ..
과정평가형 2019. 8. 30. 13:49
[JSP] HTTP Status 500 - java.lang.NumberFormatException: null

⊙ getParameter나 parseInt와 같이 변환되어 나올 때 나올 수 없는데 자꾸 요구하면서 null값이 발생 방법1. sungjukUpdateProc.jsp의 null값 들어갈 수 있는 String 변수에 trim() 적용해준다 방법2. sungjukUpdate.jsp의 name의 값을 확인하여 변환되어 적용 될때 null이 나올만한 곳 확인 ⊙ 이번 경우에는 아래와 같이 name에 반복적으로 'kor'이 들어가면서 에러 발생
JSP 2019. 8. 30. 09:59
[JSP] JAVA빈즈 (DTO, DAO, CRUD) / 성적프로그램

1. DTO (Data Transfer Object) 데이터 전송 객체 ⊙ 사용자가 입력한 값을 객체형태로 받을 수 있게 클래스 구성 ⊙ 폼에서 입력된 데이터들은 하나의 DTO 객체로 변환 가능 ⊙ 하나의 데이터베이스 레코드를 저장하여 레코드와 같은 구조를 가짐 ⊙ 레코드가 50개이면 DTO 객체도 50개 ⊙ 한 개의 레코드는 빈즈 클래스 객체 하나로 매핑 ⊙ 데이터가 포함된 객체를 한 시스템에서 다른 시스템으로 전달하는 작업을 처리하는 객체 2. DAO (Data Access Object) ⊙ insert, delete, update, select 등 레코드 처리를 주 목적으로 한다 ⊙ DTO 객체를 데이터베이스 서버에 저장 ⊙ 데이터베이스 서버로부터 레코드를 SELECT한 후, DTO 객체로 변경해 ..
JSP 2019. 8. 29. 17:51
Prev 1 ··· 19 20 21 22 23 24 25 ··· 29 Next