몰까로그

사용자가 웹 사이트로 보내는 모든 정보는 폼을 통해 전달됩니다. 폼과 관련된 대부분의 작업들은 정보를 저장하거나 수정하거나 검색하는 일들이지요. 또한 이들은 모두 데이터베이스를 기반으로 합니다. 아이디를 입력하는 칸이나 버튼을 만드는 일을 HTML이 담당한다면, 폼에 입력한 사용자 정보를 처리하는 일은 ASP나 JSP, PHP 같은 서버 프로그래밍을 이용해야 합니다. 이번 글에서는 HTML 태그를 통해 폼을 만들어보도록 하겠습니다. 태그란? 폼을 만드는 기본 태그입니다. 태그 안에 여러 폼 요소를 삽입해 사용합니다. - 태그 속성들 속성 설명 method 사용자가 입력한 내용들을 서버 쪽에 어떻게 넘겨줄지 지정 - get : 주소 표시줄에 사용자가 입력한 내용이 표시됨. 256byte~4,096byte까..

웹페이지에 이미지를 넣기 위해선, 이미지 파일과 태그가 필요합니다. 웹페이지에서 사용할 수 있는 이미지 파일은 파일 크기가 크지 않으면서 화질은 좋아야 하기 때문에 파일 형식이 제한됩니다. 파일 형식 설명 GIF 표시할 수 있는 색상 수는 최대 256가지, 다른 이미지 파일 형식에 비해 파일 크기가 작아 아이콘이나 불릿 등 작은 이미지에 주로 사용, 투명 배경 사용 가능, 움직이는 이미지 가능 JPG/JPEG 사진을 위해 개발된 형식으로 다양한 색상과 명암 표현 가능, 저장 반복하면 화질 안 좋아짐 PNG 투명 배경 사용 가능, 다양한 색상 표현 가능, 네트워크용으로 개발됨 (1) 이미지를 삽입하는 태그 : 웹 문서에 이미지를 삽입할 때 사용합니다. 기본형은 입니다. 닫는 태그 없습니다. - src 속성..

"표(table)"는 자료를 보기 좋게 정리한 것 (1) 표를 그릴것임을 알리는 태그 : 표의 시작과 끝을 알리며 표 태그 전체를 감싸는 태그입니다. (2) 제목을 표시하는 태그 : 행의 제목을 표시하는 태그입니다. 보통 태그의 자식요소로 가장 윗부분에 적습니다. (3) 행을 표시하는 태그 (3) 셀을 표시하는 태그 : 행마다 같은 수의 셀을 넣으면 각각의 줄이 열이 됩니다. ex) 3x3 행열 만들어보기 제목(1행 1열) 1행 2열 1행 3열 제목(2행 1열) 2행 2열 2행 3열 제목(3행 1열) 3행 2열 3행 3열 제목(1행 1열) 1행 2열 1행 3열 제목(2행 1열) 2행 2열 2행 3열 제목(3행 1열) 3행 2열 3행 3열 (4) 열을 합치는 colspan 속성, 행을 합치는 rowspan..

클래스란? > 여러가지 타입들을 몰아서 쓰고 싶을 때 사용하는 변수의 묶음이자, 그 변수의 값을 바꾸고 싶을 때 할 수 있는 행동들을 정의해 놓은 파일. > 접근제어자 사용 가능. (public, private..) : 외부의 접근을 제어함 > return 1; : 함수가 실행되고 값으로 귀결될 시 void를 리턴값의 자료형으로 바꿔줘야 함. 리턴값 없으면 void > oop(object oriented programming) = 객체 지향 프로그래밍, 상속과 캡슐화, 다형성 등의 특징 가짐 > 클래스 만들 때, 생성자 메소드 필수! 1. 클래스 생성 public class Circle { int radius; // 속성, properties, field, member field String name; ..

1. try-catch public class NumberException { public static void main(String[] args) { String strNum[] = { "23", "12", "3.14", "100" }; int i = 0; try { for (i = 0; i > 그냥 ..

1. for문, 이중 for문 public class ForFor { public static void main(String[] args) { for(int i = 0; i < 10 ;i++){ System.out.print(i+" "); } System.out.println(""); for (int i = 1; i < 10; i++) { for (int j = 1; j < 10; j++) { System.out.print(i + " * " + j + " = " + i * j + "\t"); } System.out.println(""); } } } 2. while문, while 반복문으로 평균 구하기 import java.util.Scanner; public class While { public stat..

1. java 배열 개념, 값 입력받아서 배열 만들기, 배열에서 가장 큰 값 찾기(max) import java.util.Scanner; public class ArrayExample { public static void main(String[] args) { int arr01[]; // 정수만 집어넣는 배열 int[] arr02; // 앞에 써도 됨 int arr03[] = new int[10]; // 갯수 10개 지정 int arr04[] = { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 }; // 갯수 상관없음 //int arr05[10]; // 이건 아님 arr03[0] = 10; arr03[1] = 20; arr03[2] = 30; arr03[3] = 40; arr03[4] = 50;..

1. BMI 계산하기 import java.util.Scanner; // Scanner 사용을 위한 임포트 public class ScannerEx { public static void main(String[] args) { Scanner scanner = new Scanner(System.in); // 생성자 선언해서 사용, instance 생성해야 메모리에 올라감 System.out.print("이름을 입력하시오 : "); String name = scanner.next(); // 입력받는 글자는 초록색으로 뜸 System.out.println("나의 이름은 " + name + "입니다."); System.out.print("나이를 입력하시오 : "); int age = scanner.nextInt(..

1. java로 Hello World 띄우기, 콘솔창에 값 출력하기 public class HelloWorld { public static void main(String[] args) {//entery point, 진입점 System.out.println("Hello World!"); } } > public static void main(String[] args)는 진입점. > System.out.println() : 콘솔창에 내용 출력, ln이 붙어 있어 끝에 띄어쓰기 자동으로 들어감 2. 다양한 java 자료형 public class Chapter0101 { public static void main(String[] args) { //정수 int num = 10; //자료형으로 선언, 선언한 자료형만..

'반응형 웹'이란? PC 컴퓨터, 스마트폰, 태블릿 등 접속하는 기기의 디스플레이 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지를 말한다. Daum 화면의 모바일 웹페이지와 PC 웹페이지를 비교해보면 이해가 쉽다. 반응형 웹을 만드려면 (1) 어떻게 다르게 구성할건지, (2) 몇개의 다른 화면을 만들건지, (3) 각 화면의 넓이는 몇으로 설정할건지 정해야 한다. 어느정도 미리 구상을 해두면 그림을 그려가듯이 코드를 짤 수 있다. 데스크탑에서 모바일로 갈수록 화면의 넓이는 줄어든다. 좁은 화면을 가로로 쪼개 섹션을 나누면 글자며 사진이며 잘려서 가시성이 떨어진다. 때문에 모바일 화면에서는 아이템들을 세로로 길게 나열해 배치하는 게 좋다. 혹은 슬라이드 형태로 만들면 깔끔하다. 반응형 웹페이지는..