웹 프로그래밍 - 폼(실습) 오늘은 폼에 대하여 실습 2가지를 할 것이다. 첫번째 실습 - 버튼이 있고 버튼을 누르면 폼안에 한 공간의 색깔이 계속 바뀌는 프로그램 sol) button1은 폼안에 아래에 있고 위의 사각형은 Panel이라는 도구이며, 버튼위에 꽉 차있다. 이렇게 딱 틀에 맞춰서 사용하는 프로퍼티가 Dock이다. button1은 bottom(바닥)에 Dock을 Panel에는 Fill이라는 Dock을 주면 된다. sol2) 버튼을 통해 바뀌려면 이벤트를 주어야 한다. 버튼에는 클릭을, panel은 Paint를 준다. 즉 버튼을 클릭할 때 페인트가 바뀐다를 구현하기위해 이와 같은 이벤트를 주는 것이다. 아래 소스 코드를 보자. namespace 버리는_거 { public partial clas..

웹 프로그래밍 - DOM-2 오늘은 DOM의 기본개념인 file태그의 사용을 알아볼 것이다. file태그는 파일 선택이라는 버튼을 띄워주며 실제로 파일을 선택할 수 있게 해주는 태그이다. 파일을 찾으면 파일의 이름과 타입, 크기까지 나오게하는 프로그램을 작성해보자. 출력값: 소스 코드 선택된 파일 정보 파일 이름 : 파일 크기 : 파일 타입 : 여기서 file아이디를 접근한 후 뒤에 files[0]의 뜻은 첫번째 파일을 가져온다는 뜻이다. [0]가 배열에서의 첫번쨰를 의미하기 때문이다.

웹 프로그래밍 - dom DOM의 개념은 이렇다. 문서 객체 모델(DOM, Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스. 이렇게 듣는다면 이해가 잘 가지 않을 수도 있다. 쉽게 말하면 객체 지향 표현이다. 객체를 어떠한 방식으로 요리를 할 것인가에 초점을 맞추고 이를 사용한다면 쉽게 이해할 수 있다. 아래에 있는 나이를 쓰고 출력버튼을 누르면 입력한 나이에 나오는 프로그램을 작성해보자. 소스 코드 나이:출력 입력한 나이 : script는 자바 스크립트로, 함수를 이용할 때 보통 쓰인다. 그리고 button 태그안에 onclick은 클릭했을 때 해당하는 함수를 실행한다는 뜻이다. 즉 함수가 실행되어 good이라는 id에 접근하여 a라는 값을 넣는것이다.

웹 프로그래밍 - form의 응용 오늘은 form요소 중에서 fieldset, legend를 이용해서 더 구조적인 폼을 만들어 볼 것이다. fieldset은 큰 틀, legend는 틀의 제목이라고 보면 된다. 아래 화면을 한번 만들어보도록 하자. 소스 코드 폼 연결하기 로그인 정보 아이디: 비밀번호: 이메일: 개인정보 이름: 생년월일: 신상정보 성별 여성 남성 취미독서수영영화감상여행 소속 게임학과 컴퓨터공학과 정보통신학과 융합소프트웨어학과 국문과 장점 취미

웹 프로그래밍 - form 오늘은 form에 대해서 알아보자. form이란 무엇일까? form은 웹 페이지를 만들 때 회원가입이나 사용자에게 정보를 입력받는 페이지를 만들때 필수적으로 쓰이는 매우 중요한 태그이다. 바로 실전으로 넘어가보자. 텍스트에 대한 태그 : input type = "text" 비밀번호에 대한 태그 : input type = "password" 체크박스에 대한 태그 : input type = "checkbox" radio에 대한 태그 : input type = "radio" select에 대한 태그 : input type = "select" textarea에 대한 태그 : input type = "textarea" 제출에 대한 태그 : input type = "submit" 취소에 ..

웹 프로그래밍- 팩토리얼, 과자 구매하기 1)팩토리얼 프로그램 만들기 위 상태를 만들고 3!값인 6을 출력하게 만들자. body섹션에서 prompt를 이용해서 위의 내용을 만들고, 팩토리얼함수 호출을 한다. 그리고 head섹션에서 팩토리얼 함수를 정의한다. 끝이다. 소스코드로 살펴보자. 출력값: 2) 과자 구매하기 입력으로 과자명과 수량을 받고, 구입 금액을 출력해보자. 품목 단가 오예스 2000 스윙칩 2500 포카칩 3000 출력예시 ex) 구입한 과자명은 오예스이며, 수량은 4이며 구입 금액은 8000원 입니다. 해결방법: 오예스, 스윙칩, 포카칩 이 세개의 종류를 다룰 때는 if else문을 써도 되지만 switch case문을 사용하는게 더욱 효과적이다. 이를 활용해서 풀어보도록 하자. 소스 코드