전체 글 (77) 썸네일형 리스트형 이클립스 : html 부트스트랩 css 적용하기 1. 부트스트랩 사이트로 가서 다운로드 링크를 누른 뒤 부트스트랩 · 세상에서 가장 인기있는 모바일 우선이며, 반응형인 프론트엔드 프레임워크. 프리프로세서 부트스트랩은 평범한 CSS 로 제공합니다만, 그것의 소스코드는 2개의 인기있는 CSS 프리프로세서인 Less 와 Sass 를 사용합니다. 신속하게 프리컴파일된 CSS 로 시작하거나 소스를 빌드 bootstrapk.com 2. 부트스트랩을 다운로드 받고 압축을 푼다. 3. 압축 푼 폴더를 이클립스 프로젝트 폴더에 붙여넣기 한다. 4. html 파일을 만들고 태그를 사용하여 부트스트랩 폴더 안에 있는 css 파일을 불러온다. (bootstrap.min.css) 5. 부트스트랩에 미리 세팅된 클래스를 참조하기 위해 부트스트랩 사이트에 있는 CSS 탭을 누른.. javaFX : mediaView 초기 디렉터리 구조 SceneBuilder 셋팅을 아래와 같이 하고 Controller 설정도 해준다. 재생, 멈춤, 정지 버튼 fxid를 설정한다. MainClass.java Controller.java MediaServiceImpl.java 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 69 70 71 72 73 74 75 76 77 78 79 80 81 package ex06; import javafx.. JavaFX:imageView와 ListView 디렉터리 구조 SceneBuiler 세팅 확인 버튼과 취소 버튼에 각각 OnAction : OkBtn OnAction : CancleBtn 을 추가 ListView와 ImageView의 fx:id에 각각 fxListView fxImageView 을 입력한다. 그 이후에 fxml 파일에 반영시킨다. Controller.java @FXML 어노테이션을 사용함으로써 fxml에 있는 fx:id를 불러올 수 있다. MainClass.java Controller에서 Root 전체 내용을 가져다 쓰지는 않을 예정이므로 getController() 메소드는 사용하지 않는다. (필요한 요소만 @FXML 어노테이션으로 불러와서 사용) 실행결과 갤럭시S1~7을 각각 눌렀을 때 해당하는 이미지를 불러오기 위해 다음과 같이 코.. JavaFX : 데이터베이스 연동 초기 설정 sqldevelop에서 테이블을 생성한다. 디렉터리 구조 eventTest.fxml : SceneBuilder 작성 확인버튼 눌렀을 때 실행되는 메소드 : On Action : saveAction fx:id - Textfield fx:Pwd - Textfield MainClass.java Controller.java 데이터베이스 사용을 위해 프로젝트 우클릭을 누르고 Properties - JavaBuildPath - Libraries 탭 -> add Library를 누르고 해당 자바버전에 맞는 odbc를 추가한다. ex04.dao패키지와 DatabaseService 인터페이스와 DatabaseService 클래스를 만든다. ex04.dto패키지와 Member 클래스를 만든다. DatabaseS.. JavaFX실습 : 로그인 기능 구현 3가지 java파일을 생성한다. 1. MainClass.java : fxml 파일 호출 및 launch()메소드를 실행 2. MyDB.java : 회원의 아이디 및 비밀번호를 HashMap 객체로 저장 3. Controller.java : 이벤트 구현 및 기능 수행 MyDB.java MainClass.java Controller.java 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 package ex02; import java.net.URL; import java.util.ResourceBund.. JavaFX : SceneBuilder 실습 Mainclass.java 코드 작성 해당 패키지를 우클릭하고 새로운 파일을 생성하여 fxml 파일을 만든다. Root Element에서 컨테이너 종류를 선택할 수 있다. fxml 파일 초기 생성화면 새로 만든 fxml파일을 우클릭하고 Open with SceneBuilder를 실행시킨다. SceneBuilder에서 버튼과 textField를 하나씩 추가한 뒤 저장을 누르고 이클립스에서 생성했던 fxml 파일을 더블클릭하면 내용이 갱신된다. 다음과 같이 내용이 갱신되었다. MainClass의 기능은 단순히 SceneBuilder로 작성한 fxml파일을 불러오는 역할. 이벤트 처리라던지 기능 구현은 Controller.java 파일을 만들어서 그곳에서 처리를 한다. Controller.java를 fxml과.. Tomcat 포트 8080 충돌 해결방법 이클립스에 톰캣을 연결하여 작업을 하다보면 한번씩 재구동중에 8080포트가 충돌이 일어나 실행이 되지 않는 경우가 있다. 이를 해결하기 위한 방법은 컴퓨터 재부팅을 하거나 이클립스에 연동된 포트 번호를 다른 번호로 바꿔주는 등 몇가지 방법이 있으나 가장 간편하게 사용되는 방법은 8080포트를 이용중인 프로세스를 강제종료하는 방법이다. 방법은 다음과 같다. 1. 실행창에 cmd를 입력하여 '관리자 권한으로 실행'한다. 2. netstat -a -o 를 입력하면 현재 사용중인 포트 목록이 나온다. 3. 8080포트번호를 사용하는 프로세스의 PID 숫자를 기억해둔 뒤 4. taskkill /f /pid 'PID번호'를 입력하여 8080포트를 사용하는 프로세스를 강제 종료시킨다. JavaFX 실습 : fx컨트롤러 1. 라디오버튼 구현 실행 결과 라디오 버튼을 구현하기는 했지만 위처럼 rb1 rb2 중복선택이 가능한 상태이기 때문에 이 버튼들을 그룹화시켜야 한다. 따라서 아래와 같이 ToggleGroup 객체를 생성하여 다음과 같이 그룹처리를 한다. 2. 체크버튼 구현 3. 토글버튼 구현 실행 결과 토글버튼은 일반 버튼과 달리 이미지를 불러와 버튼 안에 이미지를 넣을 수 있다. 실행 결과 4. 텍스트필드 및 패스워드 필드 구현 실행 결과 5. 콤보박스 구현 실행 결과 이전 1 2 3 4 5 6 ··· 10 다음
