개발자 수강노트15 수강노트 - 부트스트랩 form 1. 기본 form - form-group 클래스 하위에 label 테그와 input 테그로 구성 - input, textarea, select 테그의 class 속성값에 form-control 클래스 값 부여 - checkbox, radio 타입은 checkbox, radio 클래스 하위에 label과 input 테그로 구성 container는 좌우 여백이 있지만 container-fulid는 좌우로 꽉찬 레이아웃, 무조건 100%의 width를 갖는다. - select문 에서 multiple은 원래 select 에 있는 속성이며 다중선택이 가능한 속성이다. - form-group은 입력폼에 있는 요소들과 타이틀을 그룹핑 할 때 쓰인다. form-control은 부모테그의 넓이 100%로 크기를 변환해.. 2022. 8. 8. 수강노트 - bootstrap 반응형 웹사이트 구현하기 1. 네비게이션 Toggle navigation Brand Link Link2 Link3 Link4 ▼ 2. 캐러셋 (슬라이드쇼) Previous Next 3. 테이블 Optional table caption. # First Name Last Name Username 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry the Bird @twitter Optional table caption. # First Name Last Name Username 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry the Bird @twitter Optional table caption. # First Name Last Name Username 1 Mark.. 2022. 8. 8. 수강노트 - 부트스트랩 무료 템플릿을 활용한 응용 부트스트랩 무료 템플릿을 활용한 응용 https://startbootstrap.com/ Free Bootstrap Themes, Templates, Snippets, and Guides - Start Bootstrap Landing Page A clean, functional landing page theme startbootstrap.com 무료 템플릿 다운 받을 수 있는 사이트에서 위 무료 템플릿을 다운 받은 후 압축을 풀어준다. 이클립스에서 새 프로젝트 생성 - resource폴더 생성 - resource폴더에 압출풀어준 폴더를 복사+붙여넣기 해준다. - 붙여넣기 한 압축폴더를 펼쳐보면 3개의 폴더와 html파일들이 쭉 뜬다. index.html 열어서 전체코드를 복사 한다 (.. 2022. 7. 31. 수강노트 - bootstrap, bootstrap : 그리드시스템 : 부트스트랩 설정 - 부트스트랩의 css, js 파일과 html5문서, html5의 메타테그가 필요 메타테그 1) ie브라우저의 최신 문서 모드로 변환해주는 메타테그 2) 사용자의 디바이스 크기에 맞춰 사이트의 전체 가로크기 100% 맞춰주는 메타테그 - 제이쿼리 : bootstrap.js의 상위에 제이쿼리 파일이 있어야한다. - ie 9이하 버전에서 (html5 미지원 브라우저) 에서 화면이 깨지지 안도록 만들어 주는 js파일 삽입 / 부트스트랩 그리드 시스템 - 부트스트랩으로 반응형 웹을 구현해야 할 경우 사용 - .container 또는 .container-fulid 클래스가 필요 (적절한 정렬과 패딩) - 1행을 표현할 때는 row 라는 클래스를 쓴다. - 디바이스 크기.. 2022. 7. 31. 수강노트 - bootstrap 이클립스 워크스페이스내에 폴더배치하기 / 이클립스 워크스페이스내에 폴더배치하기 http://bootstrapk.com/ 부트스트랩 사이트에 들어가서 아래와 같이 다운로드를 눌러 다운을 받아준다. https://jquery.com/ jQuery Download jQuery v3.6.0 The 1.x and 2.x branches no longer receive patches. View Source on GitHub → How jQuery Works → Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well a.. 2022. 7. 31. 수강노트 - 자바 클래스 선언 및 호출 (6) : 하나의 패키지 내 서로다른 클래스에서 리턴없고, 입력없는 메서드 호출하기 // 호출클래스 // 선언클래스 01 a 메서드실행 : 하나의 패키지 내 서로다른 클래스에서 리턴없고 입력있는 메서드 호출하기 // 호출클래스 // 선언클래스 0 2022. 7. 31. 수강노트 - 자바 클래스 선언 및 호출 (5) package kr.or.ksmart.A; public class AA01 { public static void main(String[] args) { user u01 = new user(); user u02 = new user(); System.out.println(u01 + " 2022. 7. 31. 수강노트 - 자바 클래스 선언 및 호출 (4) package kr.or.ksmart.A; public class User { String uid; String upw; String uphone; char ugender; int uage; String ulevel; } User라는 회원클래스 틀을 생성한다 main변수 없이 데이터들의 각각 데이터타입을 선언해준다 package kr.or.ksmart.A; public class AA01 { public static void main(String[] args) { User u01 = new User(); u01.uid = "id001"; u01.upw = "pw001"; u01.uphone = "010-001"; u01.ugender = '남'; u01.uage = 20; u01.ulevel = "구.. 2022. 7. 31. 수강노트 - 자바 클래스 선언 및 호출 (3) 클래스와 객체 전역변수 값 setting 및 getting ex) 회원관리 클래스 틀에 아이디,비밀번호,이름,이메일 데이터가 담겨있다. 회원관리 클래스를 통해 새로운 객체가 생성되면 새로운주소 1번이 생성되고, 그 주소1번안 데이터영역에는 아이디,비밀번호,이름,이메일 데이터가 있고 메소드영역은 모른다. * id값 id001 넣기 (셋팅) - 1번 주소값을 찾아가서 id에 id001값을 setting 한다. * id값 id001 꺼내오기 (겟팅) - 1번 주소값을 찾아가서 id001값을 getting 한다. user u01 = new user(); User Class data type으로 u01객체참조변수를 선언하고 User()생성자 메서드를 호출해서 새로운 객체를 생성하면 새로운 주.. 2022. 7. 31. 이전 1 2 다음
