KSW-2/웹 프론트엔드(웹 퍼블리싱)
[Day05] 웹 퍼블리싱
#1 슬라이더 구현 각 버튼을 누를 경우 해당 방향에 맞는 값을 더해주고, 만약 첫 번째 페이지 거나 마지막 페이지인 경우 해당 위치의 값을 이용하여 글을 화면에 노출시킨다. 과일 사진 Left Right
javascript
KSW-2/웹 프론트엔드(웹 퍼블리싱)
[Day04] 웹 퍼블리싱
#1 이미지 슬라이딩 구현 1 2 3 #2 게시판 구현하기 js를 이용해 특정 경우에 따라 이벤트를 발생시킬 수 있다. 글쓰기 제목 이름 내용 #3 카테고리에 맞는 내용 출력 왼쪽 부분을 버튼으로 구현하고 해당 부분을 누르는 경우 저장된 데이터에서 값을 꺼내 출력하면 구현할 수 있을 것 같다. Title subTitle
KSW-2/웹 프론트엔드(웹 퍼블리싱)
[Day03] 웹 퍼블리싱
#1 HTML을 이용한 사원 목록 구현 (day03ex01.html) 사원 목록 번호 사진 사원명 부서 직급 수정 삭제 1 홍길동 영업부 과장 2 김길동 영업부 과장 3 박길동 영업부 과장 #2 배열, 화면 출력 (day03ex02.html) 배열명.length : 배열 크기 확인 배열명.push(value) : value를 "배열명"에 추가 배열명[index] = value" : 해당 위치의 값을 value로 지정 배열명.shift() : 배열 가장 왼쪽에 있는 값을 반환 배열명.unshift(value) : 가장 왼쪽에 값(value)을 추가 배열명.splice(2, 3, 10, 20) : 반환할 인덱스, 횟수, 추가할 값들... #3 script(js)를 이용한 사원 목록 구현 (day03ex03...
KSW-2/웹 프론트엔드(웹 퍼블리싱)
[Day02] 웹 퍼블리싱
#1 day02ex01_1.html (박스 이동 방식 1) 좌상 우상 좌하 우하 Box #2 day02ex01_2.html (박스 이동 방식 2) 좌상 우상 좌하 우하 Box #3 day02ex02.html (id, href) 길동이의 홈페이지 aaa로 이동 1번째 문단 top으로 이동 3번째 문단 naver google facebook #4 day02ex03.html (ul 가로 정렬 및 텍스트 중앙 정렬 + 커서를 올릴 경우 반응) 길동이의 홈페이지 HOME PROGILE GALLERY LECTURE BOARD 오신 것을 환영합니다. #5 day02ex04.html (테이블 태그) 테이블 태그 11 12 14 21 24 31 32 33 #6 day02ex05.html (테이블, thead, tbody..
KSW-2/웹 프론트엔드(웹 퍼블리싱)
[Day01] 웹 퍼블리싱
#1 day01ex01.html (내부 선언 방식) Hello World 오신 것을 환영합니다. 반갑습니다. #2 day01ex02.html + day01ex02.js (외부 선언 방식) Click Hello World var clickBtn = document.getElementById("clickBtn"); var haeding = document.getElementById("heading"); var aa = document.getElementsByClassName("aa"); // 리스트 형태로 가져온다. // DOM의 선택 여부 확인 가능 console.log(clickBtn); console.dir(clickBtn); // 선택된 DOM 요소에 이벤트 핸들러 걸기 clickBtn.onclick..
-
이전
- 1
-
다음
