STUDY (25) 썸네일형 리스트형 20240306_주사위 출력 마찬가지로 index.jsp에 태그로 링크를 연결한다. index.jsp index 짝수/홀수 구분하기 dice Math.random() 메소드로 난수를 발생시킨 후 주사위 값인 1~6으로 만들어준다 if문으로 num값에 따라 img경로를 변경해준다. dice.jsp index dice 주사위의 합은 입니다. 20240306_숫자입력받고 홀짝구분하는 페이지 숫자입력받고 홀짝구분하는 페이지를 만들기에 앞서 목차를 만들고, 구현한 페이지들을 링크하기로 하자. 순서가 있도록 태그를 사용하고 태그로 다른 경로에 있는 evenOddForm.jsp를 연결했다. index.jsp index 짝수/홀수 구분하기 링크를 눌러 jsp를 불렀다. 그 후 input태그로 숫자를 입력받는 form을 만들었고 action으로 홀짝을 구별하는 evenOddAction.jsp로 연결했다. evenOddForm.jsp index evenOddForm 숫자 보내기 evenOddForm에서 입력한 숫자를 request.getParameter로 받아온 후 if문을 통해 짝수,홀수를 구별하고 출력했다. evenOddAction.jsp index evenOddAction 은 이다 20240306_폼으로 값 요청받고 출력하기 jsp로 간단한 form을 만들고 다른 jsp파일에 request.getParameter()로 받은 후 페이지에 입력한 값을 출력하게 만들었다. 중요 input태그로 값을 받고자 할 때 value를 설정하기. requset.getParameter() 메소드로 값을 받을 때 name 확인하여 일치시키기. input.jsp 입력 테스트 이름 : 성별 : 남 여 GDJ79 GDJ80 GDJ81 보내기 action.jsp 입력 테스트 이름 : 성별 : 남 여 남 여 GDJ79 GDJ80 GDJ81 GDJ79 GDJ80 GDJ81 GDJ79 GDJ80 GDJ81 보내기 CSS CSS Cascading Style Sheet 문서의 내용과 꾸미는 부분을 나누기 위해 만들어진 언어 특징 다른 내용에 동일한 스타일 적용 같은 내용에 다른 스타일 적용 특히 같은 내용을 다양한 기기에 다른 레이아웃으로 제공 가능 일반형식 선택자로 스타일을 추가하고 싶은 HTML요소를 지정 선언부에 스타일 속성: 속성값; 형태로 추가 여러개의 속성을 추가하고 싶을 때는 ;(세미콜론)으로 구분 div -> 선택자 / background-color -> style 속성 / red -> 속성값 div{background-color:red;} CSS 작성 방식 inline 방식 internal 방식 external 방식 inline방식 태그 내부에 스타일 정보를 지정하는 방법 internal방식 style 내부.. HTML HTML Hyper Text Markup Language 웹페이지를 작성하기 위한 언어 웹페이지에 보일 텍스트나 이미지를 일종의 해석 기호인 태그로 감싸 사람,컴퓨터 모두 의미를 이해할 수 있도록 함 마크업 언어 태그 등을 이용해 문서, 데이터의 구조를 명기하는 언어 HTML버전 HTML의 사양은 W3C(The World Wide Web Consortium)이 규정 현재는 2014년에 확정된 HTML5 사용 특징 태그 작성법이 간단해짐 브라우저들간의 호환성이 높아짐 플러그인의 추가설치 없이 멀티미디어 재생 가능 실시간으로 서버와 양방향 통신(WebSocket 통신) 오프라인에서도 작업 가능 모바일 웹 지원 및 장치 접근 가능(카메라, GPS 등) HTML 일반 형식 무수히 많은 요소들로 이루어짐 요소는 .. JAVA-객체 지향 프로그래밍이란 객체 지향 프로그래밍( Object-Oriented Programming, OOP) 프로그래밍 패러다임 중 하나로, 컴퓨터 프로그램을 명령어의 목록으로 보는 시각에서 벗어나 여러 개의 독립된 단위, 즉 "객체"들의 모임으로 파악하고자 하는 것이다. 각각의 객체는 메시지를 주고받고, 데이터를 처리할 수 있다. OOP의 기본 구성 요소 클래스 같은 종류의 집단에 속하는 속성과 행위를 정의한 틀 같은 것. 다른 클래스와 독립적으로 디자인 해야한다. 객체 클래스의 인스턴스이다. 자신 고유의 속성을 가지며, 클래스에서 정의한 행위를 수행할 수 있다. 메서드 객체끼리 소통을 하는 방법 클래스로부터 생성된 객체를 사용하는 방법, 객체의 속성을 조작할 때 사용 인스턴스 : 소프트웨어 세계에서 구현된 실체 객체 : 소프.. JAVA-동작 원리 JAVA는 JVM(Java Virtual Machine)에서 동작하기 떄문에 호환되는 운영체제만 있다면 어떤 OS에서도 사용 가능하다. 자바 코드는 위의 그림과 같은 단계로 실행이 된다. 자바 코드로 파일을 작성한다. 자바 컴파일러(javac)를 통해 자바 바이트 코드(*.class 파일)로 컴파일한다. 컴파일된 바이트 코드(*.class)를 JVM의 클래스로더(Class Loader)에게 전달한다. 클래스로더는 동적로딩(Dynamic Loading)을 통해 필요한 클래스들을 로딩,링크하여 Runtime Data Area(JVM의 메모리)에 올린다. 실행엔진이 JVM 메모리에 올라온 바이트 코드들을 명령어 단위로 하나씩 실행한다. JVM의 내부 클래스 로더(Class Loader) 실행 엔진(Execut.. Django 프로젝트 시작하기 (2) Django 설치 및 프로젝트 생성 Django를 설치 전 (1)에 있는 내용을 참고해서 가상환경을 실행시킨다. 가상환경이 실행되었다면 $ pip install django 를 입력해서 Django를 설치한다. Django 설치가 끝났으면 프로젝트를 진행 할 루트폴더(프로젝트가 여러개가 될 수 있으므로)를 생성하고 해당 폴더로 접근한다. 가상 환경을 실행한다. django-admin startproject config . 를 입력해 장고 프로젝트를 생성. ※ config 대신 원래 프로젝트 이름으로 해도 된다. 근데 그러면 drumlights/drumlights 처럼 같은 폴더명으로 생성돼서 불편하다고 하여 config로 사용했다. 초기 생성된 py파일들은 프로젝트를 진행하며 후에 설명하려고 한다. 이전 1 2 3 4 다음
