중간/기말 시험 결과입니다. 최종 등급은 종합정보시스템에서 확인 가능합니다.
본 게시물은 한달 후에 삭제예정입니다.
2016년 6월 20일 월요일
2016년 6월 9일 목요일
임베디드 OS 6/9 - 리눅스 파일 시스템
리눅스 파일 시스템
- Virtual Filesystem
- General characteristics of Ext2 filesystem
- Ext2 disk data structures
- Ext2 memory data structures
- Ext2 methods
- Managing Ext2 disk space
- The Ext3 filesystem
- The Ext4 filesystem
강의 슬라이드:
2016년 6월 7일 화요일
임베디드OS 6/7 - 파일 관리/시스템
파일 관리/시스템
- 파일/파일 메타데이터
- 디렉토리 트리 구조
- 파일 블록 할당
- 가용 공간(블록) 관리
- UNIX 파일 시스템
- Inode
- VFS(Virtual File System)
https://drive.google.com/open?id=0B5tRdB4hr8DfbW5TUkNqclpwQVE
Java 6/7 - 13장 스레드와 멀티태스킹
13장 스레드와 멀티태스킹
스레드
Thread, Runnable동기화
synchronized methodsynchronized block
wait(), notify()
notifyAll()
실습
예제 13-5 따라해보기
2016년 6월 6일 월요일
웹 프로그래밍 6/7 - Bootstrap Example
Bootstrap Example
Template
http://www.w3schools.com/bootstrap/bootstrap_templates.aspExample (Simply Me)
http://www.w3schools.com/bootstrap/bootstrap_theme_me.asp실습
Simply Me를 자신 소개 페이지로 바꿔보기.
2016년 6월 3일 금요일
기말 시험 시간/장소 공지
웹 프로그래밍 B반
6월 9일(목) 오후12시공학관 405호
자바 B반
6월 13일(월) 오후2시 탐구관 506호
임베디드OS A/N합반
6월 14일(화) 오전11시 탐구관 506호
2016년 6월 2일 목요일
웹 프로그래밍 6/2 - Bootstrap 기본(계속)
Bootstrap 기본(계속)
Badges/Labels - http://www.w3schools.com/bootstrap/bootstrap_badges_labels.aspProgress Bar - http://www.w3schools.com/bootstrap/bootstrap_progressbars.asp
Collapse - http://www.w3schools.com/bootstrap/bootstrap_collapse.asp
Carousel - http://www.w3schools.com/bootstrap/bootstrap_carousel.asp
Scrollspy - http://www.w3schools.com/bootstrap/bootstrap_scrollspy.asp
실습:
이전에 만든 포트폴리오 페이지(index_bootstrap.html)에Scrollspy 적용하기
Carousel을 이용하여 간단한 슬라이드 쇼를 만들어 넣기. 슬라이드 내용은 각자 알아서.
2016년 5월 29일 일요일
Java 5/30 - 11장 기본적인 스윙 컴포넌트와 활용(실습)
11장 기본적인 스윙 컴포넌트와 활용(실습)
실습
예제 11-4
위의 소스를 수정하여 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을 이용
2016년 5월 23일 월요일
웹 프로그래밍 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
2016년 5월 22일 일요일
Java 5/23 - 10장 자바의 이벤트 처리
10장 자바의 이벤트 처리
MouseAdapterKeyListener
실습
마우스로 클릭한 위치에 물고기 추가.https://github.com/jyheo/JavaExercise/blob/master/src/gui/LakeMouse.java
- 물고기를 클릭하면 물고기를 멈추게 하고, 멈춘 물고기를 클릭하면 다시 움직이게 만들기
- 물고기의 속도를 5-10 사이의 값으로 랜덤하게 지정하기
(5/23 첫시간) 실습
- JFrame에서 키를 입력받아 방향키에 따라 바위의 위치를 상하좌우로 5씩 이동하게 만들기
- 물고기가 바위에 부딛치면(겹치면) 물고기를 사라지게 하기
- 포식자 물고기 객체 하나 만들기. 일반 물고기 보다 크기를 크게 하거나 표시되는 글자를 다르게 하여 구분하도록 한다.
- 포식자 물고기와 일반 물고기가 부딛치면(겹치면) 일반 물고기를 사라지게 하기
2016년 5월 19일 목요일
임베디드 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
- 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);
}
2016년 5월 17일 화요일
웹 프로그래밍 5/17 - 11장 자바스크립트와 jQuery 응용 예제 (계속)
11장 자바스크립트와 jQuery 응용 예제 (계속)
- 문서 객체 설정하기
- 무한 스크롤
- LightBox 플러그인
- Masonry 플러그인
- 갤러리 구현하기
실습
무한 스크롤 예제에서 스크롤바가 나타날만큼 컨텐트가 없다면 무한 스크롤이 동작하지 않음. 즉 아래와 같이 2개 정도의 <h1>태그만 만들면 스크롤바가 없기 때문에 무한 스크롤이 동작하지 않음.var appendDocument = function () {
for (var i = 0; i < 2; i++) {
// 문서 객체를 생성합니다.
$('<h1>Infinity Scroll</h1>').appendTo('body');
}
};
스크롤바가 나타날 만큼 화면을 채우기 위해서는 어떻게 해야할까?
힌트: $(window).height()보다 $( 무엇 ).height()가 커질 때까지 컨텐트를 추가한다.
Java 5/17 - 9장 자바 GUI 기초, 10장 이벤트 처리
9장 자바 GUI 기초, AWT와 SWING
실습
https://github.com/jyheo/JavaExercise/blob/master/src/gui/Lake_GUI.java1. Lake_GUI의 속성(필드) 중 width와 height를 제거한다.
MyObject의 속성(필드) 중 x와 y를 제거한다.
힌트: 그러면 x와 y, width, height 값은 어디에서 읽어 오는가?
JComponent의 getX()와 getY(), getWidth(), getHeight()를 사용한다.
JButton과 JFrame의 contentPane 모두 JComponent를 상속 한 것임
2. Lake_GUI의 속성(필드) 중 ArrayList<MyObject> objects를 제거한다.
힌트: JFrame의 contentPane에 속한 Component들을 어떻게 가져오는가?
JFrame의 getContentPane()이 리턴한 Container 객체의 getComponets()라는 메소드를 호출하면 JFrame의 contentPane에 속한 Component들의 배열을 가져올 수 있음.
즉,
getContentPane().getComponents()를 하면 Component 배열이 리턴됨. 이 배열을 사용!
단, 배열에 포함된 Component 중 MyObject 객체인 경우에만 new_move()를 부르도록 하시오.
3. MyFish의 경우 new_move()에서 x위치는 JFrame 경계에서 반대 방향으로 움직이도록 되어 있다. velocity_y 속성을 추가하여 y도 x와 동일하게 고쳐 보시오.
4. (추가 실습) MyFish에 velocity를 다르게 주는 방법을 만들고 속도가 다른 물고기를 두 마리 만들어 보시오.
10장 자바의 이벤트 처리
2016년 5월 16일 월요일
Java 5/16 - 9장 자바 GUI 기초, AWT와 SWING
9장 자바 GUI 기초, AWT와 SWING
- Container와 Component
- JFrame
- Layout
실습
예제 9-2 실습하기
- setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 를 주석처리하면 close 버튼 누를 때 어떻게 달라지는 확인해보기
- FlowLayout의 정렬 방식을 Right, Center로 하면 어떻게 달라지는, 프로그램 윈도우 크기를 변경하면 어떻게 바뀌는지 확인해보기
2016년 5월 11일 수요일
웹 프로그래밍 5/12 - 11장 자바스크립트와 jQuery 응용 예제
11장 자바스크립트와 jQuery 응용 예제
입력 양식 자동 초점 조절하기
프레임 애니메이션 만들기
실습
입력 양식 자동 초점 조절하기 예제를 jQuery를 쓰도록 고쳐보기힌트: $('xxxx').keydown( function () { } );
프레임 애니메이션 만들기 예제를 고쳐보기
1. jQuery 라이브러리를 쓰도록 고치기
2. 이미지를 매 프레임마다 오른쪽으로 5px씩 움직이게 고치기
3. 이미지를 클릭하면 처음 위치(left=0)로 이동하게 하기
피드 구독하기:
글 (Atom)