실습 및 학과과제 목록


포트폴리오

1번
2번
3번
4번

플러그인

1. lightbox 플러그인
2. slider 플러그인
3. 폼 유효성 체크 플러그인
4. Modal
5. Modal - 1
6. Modal - 2
7. Modal - 3
8. Modal - 4
9. Modal - 5
10. Modal - 6

혼자 연습

2.웹페이지 혼자연습2
5.포트폴리오연습2
6.카페
7.유지보수연습
8.머스탱
9.웹카피

수업과제

[JavaScript] - 캘린더
[jQuery] - 캘린더

학과과제

1.웹프로그래밍 기초 과제

수업 실습문제

1.회원가입 페이지
2.id식별자 사용법 연습
3.css연습
4.css연습2
5.마진 패딩 연습
6.백그라운드 연습
7.[2018_07_30] : [CSS_position] - 태극기 예제
8.[2018_07_30] : [CSS_position] - Z-index
9.[2018_07_30] : [CSS_position] - 웹 기본 틀
10.[2018_07_30] : [CSS_position] - 웹 기본 구조 예제
11.[2018_07_31] : [CSS_position] - 모바일 화면 예제
12.[2018_08_01] : [CSS_gradient] - 선형 그래디언트 예제
13.[2018_08_01] : [CSS] - One True 레이아웃 예제
14.[2018_08_01] : [CSS] - 요소 배치 예제
15.[2018_08_01] : [CSS] - 애니메이션 예제
16.[2018_08_02] : [Responsive] - 미디어타입 예제
17.[2018_08_02] : [Responsive] - 오리엔테이션 예제
18.[2018_08_02] : [Responsive] - 반응형 웹 예제
19.[2018_08_02] : [Responsive] - 모바일 + 웹 예제
20.[2018_08_03] : [BootStrap] - 부트스트랩 사용법 연습

교재

1.테블릿 PC 화면
2.소셜커머스 메인 페이지
3.부트스트랩

자바 스크립트

1.자바스크립트 테스트1
2.자바스크립트 테스트2
3.자바스크립트 테스트3
4.자바스크립트 테스트4
5.[2018_08_17] : [JavaScript] - 숫자 맞추기 게임
6.[2018_08_17] : [JavaScript] - 배열 예제
7.[2018_08_17] : [JavaScript] - test7
8.[2018_08_17] : [JavaScript] - test8
9.[2018_08_17] : [JavaScript] - 숫자 야구 게임
10.[2018_08_20] : [JavaScript] - 함수 연습
11.[2018_08_20] : [JavaScript] - 함수 연습2
12.[2018_08_20] : [JavaScript] - 함수 연습3
13.[2018_08_20] : [JavaScript] - 함수 연습4
14.[2018_08_20] : [JavaScript] - 함수 연습5
15.[2018_08_20] : [JavaScript] - 함수 연습6
16.[2018_08_21] : [JavaScript] - 객체 연습1
17.[2018_08_21] : [JavaScript] - String Method
18.[2018_08_21] : [JavaScript] - Number Method
19.[2018_08_21] : [JavaScript] - Date
20.[2018_08_21] : [JavaScript] - Date2
21.[2018_08_21] : [JavaScript] - Digital Date
22.[2018_08_21] : [JavaScript] - Digital Date2
23.[2018_08_21] : [JavaScript] - Digital Date3
24.[2018_08_22] : [JavaScript] - php + javascript
25.[2018_08_22] : [JavaScript] - window
26.[2018_08_22] : [JavaScript] - window2
27.[2018_08_23] : [JavaScript] - window3
28.[2018_08_23] : [JavaScript] - window4
29.[2018_08_23] : [JavaScript] - window5
30.[2018_08_23] : [JavaScript] - window6
31.[2018_08_23] : [JavaScript] - location
32.[2018_08_23] : [JavaScript] - location2
33.[2018_08_23] : [JavaScript] - location3
34.[2018_08_23] : [JavaScript] - DOM구조 이해
35.[2018_08_23] : [JavaScript] - DOM구조 이해2
36.[2018_08_24] : [JavaScript] - 이벤트
37.[2018_08_24] : [JavaScript] - 이벤트2
38.[2018_08_24] : [JavaScript] - 마우스 이벤트
39.[2018_08_24] : [JavaScript] - 마우스 이벤트2
40.[2018_08_24] : [JavaScript] - 프레임/객체 이벤트
41.[2018_08_24] : [JavaScript] - 프레임/객체 이벤트2
42.[2018_08_24] : [JavaScript] - Form 이벤트
43.[2018_08_27] : [JavaScript] - Drag 이벤트
44.[2018_08_27] : [JavaScript] - Drag 이벤트2
45.[2018_08_28] : [JavaScript] - 계산기
46.[2018_08_28] : [JavaScript] - 쿠키연습
47.[2018_08_28] : [JavaScript] - 쿠키연습2
48.[2018_08_28] : [JavaScript] - js 쿠키를 이용한 오늘은 그만 보기-1
49.[2018_08_28] : [JavaScript] - js 쿠키를 이용한 오늘은 그만 보기-2

jQuery

1.[2018_08_29] : [jQuery] - 선택자
2.[2018_08_29] : [jQuery] - 이벤트 메소드 - 마우스 오버 카운트
3.[2018_08_29] : [jQuery] - 이벤트 메소드 - 마우스 오버 리브
4.[2018_08_29] : [jQuery] - 이벤트 메소드 - 포커스와 블러
5.[2018_08_29] : [jQuery] - 이벤트 메소드 - 토글 메소드
6.[2018_08_29] : [jQuery] - 이벤트 메소드 - 마우스 좌표 값 구하기
7.[2018_08_29] : [jQuery] - 이벤트 메소드 - show
8.[2018_08_29] : [jQuery] - 이벤트 메소드 - fadeIn, Out, To
9.[2018_08_29] : [jQuery] - 이벤트 메소드 - fadeToggle
10.[2018_08_29] : [jQuery] - 이벤트 메소드 - slideToggle
11.[2018_08_30] : [jQuery] - 이벤트 메소드 - animate()
12.[2018_08_30] : [jQuery] - 이벤트 메소드 - 무한 스크롤
13.[2018_08_30] : [jQuery] - 이벤트 메소드 - 체크박스 한번에 선택하기
14.[2018_08_30] : [jQuery] - DOM제어 - jQuery로 DOM제어하기 GET
15.[2018_08_30] : [jQuery] - DOM제어 - jQuery로 DOM제어하기 SET
16.[2018_08_30] : [jQuery] - DOM제어 - append와 prepend
17.[2018_08_30] : [jQuery] - DOM제어 - remove와 empty
18.[2018_08_30] : [jQuery] - CSS제어 - css 제어
19.[2018_08_31] : [jQuery] - CSS제어 - 요소의 크기 제어
20.[2018_08_31] : [jQuery] - CSS제어 - addClass, removeClass, toggleClass
21.[2018_08_31] : [jQuery] - Dimentions - width, height, innerwidth, innerheight,outerwidth,outerheight
22.[2018_08_31] : [jQuery] - Dimentions - outerwidth(true),outerheight(true)
23.[2018_08_31] : [jQuery] - Dimentions - 브라우저 크기 가져오기
24.[2018_08_31] : [jQuery] - Slide - 슬라이드

PHP

1.[2018_09_03] : [PHP] - 기본예제
2.[2018_09_03] : [PHP] - 기본예제2
3.[2018_09_03] : [PHP] - 기본예제3
4.[2018_09_03] : [PHP] - jQuery ajax
5.[2018_09_03] : [PHP] - jQuery ajax - 2
6.[2018_09_03] : [PHP] - jQuery ajax - 3
7.[2018_09_04] : [PHP] - jQuery ajax - 4
8.[2018_09_04] : [PHP] - JSON
9.[2018_09_04] : [PHP] - JSON2
10.[2018_09_04] : [PHP] - [js]회원가입페이지
11.[2018_09_05] : JSON으로 그룹화된 함수 호출
12.[2018_09_05] : 전체 선택 기능 구현하기
13.[2018_09_05] : 활성/비활성 기능 구현하기
14.[2018_09_06] : CSS 제어하기
15.[2018_09_06] : CSS 제어 - lightbox 플러그인

PHP2

1.[2018_10_01] : static 정적 변수
2.[2018_10_01] : php html 분리
3.[2018_10_02] : 주소값 swap
4.[2018_10_02] : 섭씨를 화씨로 바꾸기
5.[2018_10_02] : 게시판
6.[2018_10_02] : Function
7.[2018_10_02] : php로 달력만들기