Java 5/30 - 11장 기본적인 스윙 컴포넌트와 활용(실습)

11장 기본적인 스윙 컴포넌트와 활용(실습)

실습

예제 11-4

https://github.com/jyheo/JavaExercise/blob/master/src/gui/CheckBoxItemEventEx.java

위의 소스를 수정하여 pull request할것

1. 과일의 종류를 다음과 같이 바꾸기.

String[] names = new String[] {"사과", "배", "귤", "오렌지", "포도"};

JCheckBox[] fruits = new JCheckBox[names.length];

2. 가격을 아래와 같이 배열로 만들어서 사용하기.

int[] prices = new int[] {2000, 5000, 500, 1000, 3000};

3. 아래 그림과 같이 선택된 과일의 이미지가 나타나도록 하기.

Layout과 Panel은 적절히 사용할 것

과일 이미지들은 GridLayout을 이용

임베디드 OS 5/24, 26 - 리눅스 커널 모듈과 디바이스 드라이버

리눅스 커널 모듈과 디바이스 드라이버

웹 프로그래밍 5/24 - Bootstrap 기본

Bootstrap 기본

Get Started - http://www.w3schools.com/bootstrap/bootstrap_get_started.asp
Grid Basic - http://www.w3schools.com/bootstrap/bootstrap_grid_basic.asp
Jumbotron - http://www.w3schools.com/bootstrap/bootstrap_jumbotron_header.asp

Alert - http://www.w3schools.com/bootstrap/bootstrap_alerts.asp
Button groups - http://www.w3schools.com/bootstrap/bootstrap_button_groups.asp

Glyphicons - http://www.w3schools.com/bootstrap/bootstrap_glyphicons.asp
참고: Font Awesome http://fontawesome.io/icons/

Dropdowns - http://www.w3schools.com/bootstrap/bootstrap_dropdowns.asp
Navigation bar - http://www.w3schools.com/bootstrap/bootstrap_navbar.asp
Modal - http://www.w3schools.com/bootstrap/bootstrap_modal.asp
Tooltip - http://www.w3schools.com/bootstrap/bootstrap_tooltip.asp

실습

아래와 같이 자신의 포트폴리오 페이지를 바꿔보자.

기존에 index.html을 복사해서 index_bootstrap.html 이라고 만들어서 github에 올린다.

http://아이디.github.io/index_bootstrap.html 로 접속 가능해야 함.

grid를 잘 설계하여 자신의 포트폴리오 내용을 잘 배치해보기

navbar, jumbotron, glyphicon을 적절히 사용, 다른 bootstrap 요소들을 추가로 이용하여 꾸며도 좋음

힌트: 아래와 같은 CSS가 필요할 것임, 적용전후에 어떤 차이가 있는지 잘 비교해보고 이해해볼 것!

     <style>

        .navbar {

            background: rgb(255, 200, 255);

            margin-bottom: 0;

            border: 0;

        }

        .jumbotron {

            background: rgb(255, 200, 255);

        }

    </style>

Java 5/24 - 11장 기본적인 스윙 컴포넌트와 활용

11장 기본적인 스윙 컴포넌트와 활용

JButton, JLabel, JCheckbox, JRadioButton, JTextField, JTextArea, JList JComboBox, JSlider

Java 5/23 - 10장 자바의 이벤트 처리

10장 자바의 이벤트 처리

MouseAdapter

KeyListener

실습

마우스로 클릭한 위치에 물고기 추가.
https://github.com/jyheo/JavaExercise/blob/master/src/gui/LakeMouse.java

- 물고기를 클릭하면 물고기를 멈추게 하고, 멈춘 물고기를 클릭하면 다시 움직이게 만들기
- 물고기의 속도를 5-10 사이의 값으로 랜덤하게 지정하기

(5/23 첫시간) 실습
- JFrame에서 키를 입력받아 방향키에 따라 바위의 위치를 상하좌우로 5씩 이동하게 만들기
- 물고기가 바위에 부딛치면(겹치면) 물고기를 사라지게 하기
- 포식자 물고기 객체 하나 만들기. 일반 물고기 보다 크기를 크게 하거나 표시되는 글자를 다르게 하여 구분하도록 한다.
- 포식자 물고기와 일반 물고기가 부딛치면(겹치면) 일반 물고기를 사라지게 하기

임베디드 OS 5/19 - Python Flask Web Framework

Python Flask Web Framework

Raspberry Pi + Analog Sensor

Raspberry Pi + Analog Sensor + Web(Flask)

웹 프로그래밍 5/19 - CSS3 media

CSS3 media 

종합예제

CSS3 media

<style>
        @media screen and (max-width: 499px) {
            body { background: red; }
        }

        @media screen and (min-width: 500px) and (max-width: 799px) {
            body { background: green; }
        }

        @media screen and (min-width: 800px) {
            body { background: blue; }
        }
</style>

media type

• all
• print
• screen
• speech

<link rel="stylesheet" media="print and (max-width: 499px)" href="print.css">

실습

인쇄할 때만 Confidential 워터마크를 출력하기.
워터마크는 HTML 본문에는
<div id="watermark">
<h1>Confidential</h1>
</div>
CSS는
#watermark {
display: block;
color: red;
position: absolute;
left: 50%;
top: 50%;
width: 300px;
margin-left: -150px;
border: 2px red solid;
text-align: center;
-ms-transform: rotate(-20deg); /* IE 9 */
-webkit-transform: rotate(-20deg); /* Safari */
transform: rotate(-20deg);
}