본문 바로가기

width3

[게시판 만들기] jsp파일 상속 위 형태를 가진 페이지를 만들어 보자. img 폴더안에 img파일을 넣고css 폴더안에 css파일을 만들어 따로 지정해준다. id 가 header인 div 안에 들어있는 img 를 가로세로 95px을 설정하는 문법이다. header.jsp 파일을 만들어 이미지를 추가하였다.이를 index.jsp로 가져가고 싶으면 를 써주자.그러면 index페이지에 view/common/ 파일 아래에 있는 header.jsp를 띄울 수 있다. 또한 글을 쓰면 자꾸 맨위로 가거나 맨아래로 붙게 되는데div.clear을 줌으로써 그림이 들어있는 영역까지 다른 div가 침범하지 못하도록 막아줄 수 있다. 결과화면 2016. 3. 3.
[게시판 만들기] 게시판 틀구성 jsp를 원본그대로 보여주기 싫을때WEB-INF 안에 만든다. 그러면 브라우저가 접근할 수 없다.VIEW안의 파일을 보고싶으면 프로시트의 내부자원인 서블릿을 통해 접근하면 된다. 첫화면을 보여주기 위해 index.jsp를 만들었다. 아래는 /Article 을 치지 않아도 페이지가 뜰수있도록 만들 방법이다.Servers 패키지 안에있는 server.xml 파일이다. path= /Article을 /로 바꿔준다. Properties에서도 설정을 바꿔주면 이제부터 /패키지명을 쓰지 않아도 된다. 바뀌지 않는다면 Clean을 한번 해준다. 상대경로와 절대경로 .(점)을 찍으면 현재로 부터라는 뜻./WEB-INF/view/common/header.jsp나를 기준으로 만들어진 경로 -> 상대경로 누가 부르더라도 그 .. 2016. 3. 3.
[JSP] web calculator 만들기 먼저5X4 table을 만들어 보았다. 다음은 / 부분의 셀 두개를 합쳐보았다. colspan="2"를 추가하여 /셀 두개를 합쳤다.다음은 = 부분의 셀 두개를 합쳐보았다.합쳐진 부분의 나머지 셀은 지워준다. rowspan="2"를 추가하여 =셀 두개를 합쳤다.width를 100%로 하면 화면의 넓이 100%를 채운다.를 추가해버튼을 채워넣었다. 버튼의 click 이벤트를 만든다.onclick=add('/')를 쓰고 add기능을 만든다.헤드 안에 자바스크립트로 add(str) 함수를 만들어주었다.//alert(str) 부분은 str문자를 팝업창으로 띄우는 키워드다.바디에서 input을 설정해준다.계산 변수를 받는 form은 hidden으로 숨겨줬다. 결과창이다. 2016. 2. 2.