소스코드52 웹 개발 css 코드와 html 코드 분리해서 작성하는 방법 웹 개발 css 코드와 html 코드 분리해서 작성하는 방법 html, jsp 코드와 css 코드를 분리해서 작성하는 방법입니다. 프로젝트 안의 WebContent에 css폴더를 만듭니다. link rel="stylesheet" href="폴더이름 / css 파일 이름" 으로 코드를 작성합니다. 이렇게 jsp코드와 css 코드를 분리해서 작성하고 참조 할 수 있습니다. jswoo030@gmail.com으로 메일을 보내시면 빠른 답변을 받으실 수 있습니다. 2018. 1. 2. jsp 톰캣 - jsp 를 서블릿으로 바꾼다 톰캣에서는 서블릿을 해석해서 사용자에게 보여준다. was(web application service) = 톰캣 dynamic module 의 역할 web.xml 웹사이트 배포 파일 model = 자바 코드 비지니스 로직 (db 조작) view = jsp controller = 서블릿 기존의 개발은 디자이너가 웹 페이지 프론트를 디자인 한 후에 개발자에게 코드를 넘겨주면 개발자가 그 디자인에 맞춰서 기능들을 자바로 구현하는 방식이었다. 그래서 디자이너가 디자인을 조금만 바꿔도 개발자가 디자인에 맞춰서 코드를 대폭 변경해야했다. 이러한 갈등을 줄이기 위해 디자인과 개발을 분리한 MVC패턴이 생겨났다. jsp코드를 Chrome에서 확인하는 방법 다음과 같이 실행화면을 확인.. 2017. 12. 1. JSTL 코드 작성하는 방법 / c:if 문 / c:choose문 작성하기 JSTL 코드 작성하는 방법 JSTL 코드를 작성하려면 jstl.jar파일을 프로젝트에 추가해야합니다. jstl-1.2.jar 파일은 mvnrepository에서 다운로드 받으실 수 있습니다. http://www.mvnrepository.com/artifact/javax.servlet/jstl/1.2 jstl-1.2.jar 파일을 링크에서 다운로드하고 프로젝트에 추가합니다. 커스텀 태그 : 개발자가 추가한 기능이 모여있는 태그 JSTL : 커스텀 태그 중 많이 사용되는 것들을 모아놓은 라이브러리 태그를 사용하는 방법 / JSP 코드에서 HTML 주석을 사용하면 안되는 이유 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 Insert titl.. 2017. 11. 30. 안드로이드 프로그래밍 쉽게 시작하기 4. 버튼 이벤트 추가하기 버튼 이벤트 추가하기 먼저 지난 번 글에서 제작한 어플입니다. 실행 하면 코드에 입력한 m.naver.com 창이 출력 됩니다. 코드는 다음과 같이 작성했습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 package com.example.app.myapplication; import android.content.Intent; import android.net.Uri; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.Toast; public class M.. 2017. 11. 19. 안드로이드 프로그래밍 쉽게 시작하기 3. App 실행 안녕하세요 이번 글에서는 제작한 APP을 실행합니다. AVD Manager를 실행합니다. 가상 머신을 선택합니다. 실행 버튼을 클릭합니다. 가상머신이 실행되었습니다. 이제 어플을 실행합니다. 버튼을 클릭하면 다음과 같이 어플의 실행화면이 나타납니다. 다시 xml 화면으로 가보겠습니다. Hello world 글자를 다른 글자로 바꿀 수 있습니다. 글자를 클릭하면 오른쪽에 Attribute 화면이 나타납니다. 그리고 text에 다른 글자를 입력하면 글자가 바뀝니다. 다시 어플을 실행해보도록 하겠습니다. 개발 과정에서 가상머신(에뮬레이터)는 종료하지 않으셔도 됩니다. 이제 안녕하세요 글자를 지우고 버튼을 집어넣어 보겠습니다. 버튼을 드래그해서 디자인 화면에 넣었습니다. 그리고 실행 버튼을 클릭하시면 그림처럼 .. 2017. 11. 19. 이전 1 2 3 4 ··· 11 다음
