![]()
학원에서 미니프로젝트도 끝나고 드디어 스프링 프레임워크과정이 시작되었다. 이때까지 JSP만으로 웹개발을 해왔었다 보니 JSP로 하는 개발은 상당한 허튼짓이라는 느낌이 들 정도로 스프링의 자동매핑기술은 놀라울 다름이었다. 하지만 아직 초급단계라 파라미터의 흐름은 더 공부해야할 부분이긴 하다. 그럼 오늘은 까먹기전에 Spring의 초기세팅방법에 대해서 적어보려고 한다. 우선 환경변수는 이미 설정을 했을 것이라 생각하지 패스하고 JSP에서 사용하던 이클립스 파일을 그대로 복사하여 사용한다. 이 클립에서 들어가면 MarketPlace로 들어가서 Spring Tools 3을 설치한다.(다른 거 만지지 말고 끝까지 설치) 설치가 끝났다면 이제는 톰캣서버를 등록해주고 코드를 UTF-8로 변경을 해 줘야 한다. 메뉴바..
![]()
학원에서 만든 스터디그룹은 아직도 꾸준히 하고있다. 나를 제외한 모든사람들이 정말 잘하는 사람들이라 나도 동기부여를 받으며 악으로 깡으로 만들어보고 있다. 이 스터디는 무언가를 배우는것보다는 직접 만들어보고 피드백을 받는것이 주 목적이다. 당연히 모르는것이 있으면 주위사람들에게 물어볼수도 있으니 나에게는 득밖에 없는 그룹이다. 그럼 이번에 만든 키오스크 홈페이지를 설명해 보려고한다. --------------------------------------------------------header.jsp-------------------------------------------------------- 구매리스트 ${bas.product} X ${bas.cnt} ₩${bas.price} 전체삭제 지불금액: ..
오늘은 학원에서는 싱글톤 개념에 대해서 다양하게 배우고 있다. 일단 오늘은 싱글톤을 이용한 파일입출력에 대하여 기록해 보도록 하겠다. 일단 파일업로드를 하기 위해서는 http://www.servlets.com/cos/ 이 사이트에서 cos.jar이라는 파일을 프로젝트의 lib폴더에 넣어줘야 한다. 목록 추가 ----------------------------------------------------- header.jsp ----------------------------------------------------------------- 우선 header파일이다. 여기서는 jstl을 사용하기 위해서 taglib를 설정하고 cpath, dao의 싱글톤 인스턴스, 파일을 유지하기 위해서 FileUtil이라는..
최근 국비학원에서 쿠키에 대한 내용을 들어갔다. jdbc에 들어간 지 며칠 된 것 같지도 않은데 정말 빠르게 느껴진다. 강사님도 jdbc로 홈페이지를 만들때 파라미터의 이동이 익숙지 않다는 것을 고려하셔서 최근은 비슷한 주제로 무한반복해서 만들게 하신 결과 어느 정도 파라미터의 이동에 익숙해져 잊기 전에 정리해보려고 한다. day08_member DB : ${dao.test() } 전체목록 추가(가입) ///////////////////////////////////header.jsp ///////////////////////////////// 우선 header이다. 이 파일은 모든 jsp코드에서 공통적으로 사용될 수 있는 코드를 미리 입력해 놨다가 이런 식으로 불러올 수 있다. 즉 위와 같이 써놓으면 j..
See the Pen Untitled by wogh0424 (@wogh0424) on CodePen. 위 코드는 최상위 클래스가 position:absolute 그 아래 parent클래스가 relative item2가 absolute가 걸린 상태이다. 이렇게 되면 최상위 클래스는 고정된 상태에서 parent클래스는 최상위 클래스에 들어있는 상태로 기본값이니 딱히 변화는 없다. 그저 relative상태에서 margin-top을 주면 현재 위치에서 margin값만클 간격을 뛰울것이다. 정리가 필요한 태그만 모아보자면 padding : 박스의 사이즈를 키우는데 안쪽에 원래사이즈의 투명한 박스가 있고 padding값만큼 넓어지는 느낌이다. margin : 상위클래스가 absolute고 종속상태인 클래스가 rel..
![]()
최근 학원에서 jsp의 파라미터(값)를 보내고 받는 내용에 대해서 배우고 있다. 보통 CRUD에서 많이 쓰기이 때문에 값이 어디서 어디로 가는지 편지처럼 흐름을 모르면 끝도없이 어려워지는 내용이다. 원래 학원커리큘럼 순서상 get/set parameter로 시작해서 EL태그 useBean 을 거쳐서 JSTL을 배우지만 오늘은 까먹기 전에 JSTL부터 정리해 보려고 한다. 우선 jstl을 사용하기 위해서는 프로젝트의 WEB-INF > lib폴더에 ojdbc.jar파일과 jstl.jar이라는 파일이 필요하다. 아래 코드는 상품을 등록, 목록확인, 상품쪽에 있는 버튼을 누르면 색이 변하여 판매여부를 보여주는간단해 보이지만 쉽진 않은 코드이다. Insert title here 목록 위 코드는 header로 각각..
![]()
최근 학원에서 JSP로 CRUD를 본격적으로 시작하였다. 내용도 복잡해진 만큼 스터디그룹에서도 조금 더 어려운 내용으로 만들어 보기로 하여 멤버각자 프로그램을 만들어 보고 있다. 나는 이번기회에 프로그램도 만드는 김에 도커로 jdbc로 오라클 db가 연결된 tomcat서버에 만든 프로젝트를 올려보기로 했다. 이번 배포의 목적은 다음글에서 정리하기로 하고 외부 톰캣서버(AWS와 같은 환경)에 톰캣 jdbc를 연동시켜 보겠다. 우선 알아야할 것은 도커는 공인 ip와 서브 ip로 나뉜다. 자세히 공부한 것이 아니라 이번에 서버를 구축하면서 알게 된 선에서 말하겠다. 공인 ip는 통신사에서 부여되는 ip이며 서브(sub) ip는 간단히 말하면 가상 ip와 같은 개념이다. 당연한 말이지만 도커에서는 컨테이너를 만..
요즘 공부에 대한 열정이 약해지고 있는 자신을 느낀다. 그 증거로 블로그정리를 거이 안하고 있었다;;;; 최근 정처기 필기에 많은시간을 할애해 버려서 블로그가 소홀해 진 것도 느껴진다. 그렇기에 다시 동기부여를 위해서 학원에서 배운JSP의 시작부터 다시 정리해 보려고 한다. 선언부에 스크립틀릿 변수의 차이
![]()
최근 학원에서 JSP수업이 시작되었다. 학원이 끝나는 9월부터 소규모 홈페이지를 운영할 계획이 있어 사전준비로 톰캣서버의 구축과 도메인의 연결방법에 대해서 준비를 할 필요가 있었다. 이번에서 최근 구축한 톰캣서버를 구축하는 방법에 대해서 정리해보려고 한다. 일단 나는 학원에서 톰캣 8.5를 사용 중이라 버전을 맞추기 위해서 톰캣 8.5로 구축하였다. 시놀로지 도커는 GUI상에서 이미지를 설치할수 있지만 가끔 Docker Hub에 접속이 되지 않는 경우가 많아 ssh로 직접 pull하는방법을 사용하였다. ssh의 root계정으로 접속을 하고 docker pull [이미지 이름] https://hub.docker.com/ Docker Hub Container Image Library | App Contain..
국비웹개발 백엔드 6개월 과정이 시작되고 1개월반이 지나고 현재 4주째 4명의 멤버를 모아서 매주 1회의 코드리뷰를 하고있다. 스터디의 방식은 다른 스터디그룹와 동일하게 매주 학원에서 배운내용+추가기능을 정해 그 주에 할 과제를 정하고 그 내용에 맞에 만들면 된다. 첫번째과제는 간단한 CRUD로 시작해서 자바로 채팅프로그램, 이번에는 HTML로 간단한 로그인페이지를 디자인 하는걸로 3회차까지 끝을냈다. 순서가 역순이 될수도 있지만 오늘은 이번주에 만든 HTML로그인 페이지에 대해서 포스팅을 하고 시간이 날 때 전에 만들었던 프로그램도 포스팅해 보도록 하겠다. 이번 스터디의 주 서버는 나 자신이 운영하고 있는 nas서버의 아파치 서버를 활용하여 스터티 그룹원들이 편하게 간의 웹포스팅을 가능하게 하기 위해서..
최근 css의 여러 태그를 사용해서 연습해보고 있다. 이제 자바스크립트도 시작하고 css에도 어느 정도 익숙해져서 늦었지만 드디어 css의 태그에 대해서 정리해 보려고한다. css에서 박스를 배치할 때 가장 많이 사용하는 태그를 생각해 보면 position, margin, padding, text-align, item-align, justify-content정도이다. 정말 이 정도만 알아도 어느 정도 배치는 가능했었다. 순서대로 정리해 보자면 첫 번째는 margin이다. margin은 프레임에서 얼마나 뛰어줄지 정하는 태그이다. margin : 20px : 20px auto : 10px 20px 20px 10px; [top] [buttom] [left] [right] 만약 네모난 프레임 안에 버튼을 배치..
드디어 HTML에 돌입했다. 학원 스케쥴상 1~2주정도의 짧은 기간동안만 하고 바로 JSP로 들어간다고 한다. 학원 강사님께서 짧은 시간이라 빠르게 흡수하고 넘어가지 못한다면 JSP와 Spring으로 갔을때 상당히 고생할 것 이라고 말씀하셔 연습만 반복하고 있다. 그럼 최근 연습으로 인해 정리하지 못했던 HTML의 기초부터 정리해보도록 하겠다. 가징 기초적이면서 중요한 내용은 표를 만드는 방법이다. type 예시 설명 text 기본값, 문자열 형식을 입력받는다 number 숫자, 정수 및 실수. 최소/최대값과 증감값의 단위를 지정할 수 있다 range 숫자, 0 ~ 100 사이 정수를 처리한다 radio 빨강 초록 파랑 정해진 값 중에서 하나를 고르게 한다 checkbox 빨강 초록 파랑 정해진 값 중에..
