madori4 madori4

자바스크립트 간단한 문법 예제 및 확인하기. sts에서는 자동완성기능이 없기 때문에 아톰을 사용하는 것을 추천한다. 확장자를 .html로 저장한 후 사용하면 강력한 자동완성 기능들을 사용할 수 있다. < 없이사용하고자 하는 태그명 입력하면 자동완성 되는 방식이다. 1) 배열 - 동적할당 및 수정이 비교적 자유롭다.(push & pop이기 때문에 완전히 자유롭지는 않음) - 대괄호 [ ] 사용해 초기화한다.(자바에서는 { } 사용) - 인덱스 값 사용은 자바와 같음. 할당하지 않은 인덱스 참조시 undefined Exception 나온다. Try. Catch 있지만 잘 사용하지 않음. - 배열명.push 통해 배열 요소 추가. - For each에 대응하는 for-in이 있다. - For of라는 이름으로..

JSP는 Java Server Pages 의 약어로 HTML 내에 자바 코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에 돌려주는 언어이다. html에서도 반복을 사용할 일은 굉장히 많은데 이를 자바의 반복문을 통해 보다 간편하게 사용할 수 있도록 돕는 언어로 생각하면 되겠다. 실무에서 10여년 전부터 사용되던 언어지만 지금은 더 편한 언어들이 많이 나와 잘 사용하지 않는다. 예제를 통해 간단한 개념만 이해하도록 하자. 1. 프로젝트 파일의 webapp에서 마우스 오른쪽 버튼 new - others 클릭2. jsp file 찾아 Next 버튼 클릭3. 파일명 정하고 Finish 버튼 클릭해 JSP 파일 생성 후 다음과 같이 파일 작성한다. 나의 정보 이름 : 박민우 거주지 : 노원..

// html5 문서 타입을 나타냄. // html 정의 // 문서의 본문 ( 웹페이지 구성하는 화면 전체 ) $$ 은 닫지 않는다. l 태그 : 기호로 안에 예약어를 통해 어느 태그인지 구분하도록 정해둠. Open 태그와 close 태그가 반드시 존재해야 한다. Ex) open : close : Html (Value, text) l Value 쓰지 않는 태그도 존재함. Ex) 열고 닫는 태그. 개행만 하면 되기 때문에 다른 attributes, value 필요하지 않음 : 그림 파일 웹페이지 문서에 넣고 싶은 경우 사용.value 필요 없고 attribute로 경로만 필요하면 됨. 와 같은 식으로 입력

HTML5의 태그들에 대해 예제를 통해 보다 직관적으로 이해할 수 있도록 돕는 사이트가 있다. 굉장히 강력한 기능들을 탑재했기 때문에 반드시 즐겨찾기 할 것을 권장. 1. 링크로 접속 https://www.w3schools.com/ 2. HTML을 비롯한 각종 웹페이지 언어들에 대한 References를 제공한다. HTML REFERENCES 클릭3. 왼쪽 하단에 HTML Tags 탭에 모든 탭에 대한 설명과 예제가 있다. 그중 맨 아래 있는 ul 찾아 클릭4. 다음과 같은 예제 코드가 있다. Try it Yourself 클릭하면 해당 코드를 수행한 결과를 바로 확인할 수 있다.5. 왼쪽의 html 코드의 결과가 오른쪽에 출력되며 왼쪽에서 수정 가능하다. 포스팅한 것들 중 태그의 역할이 궁금할 경우에 참..

웹페이지 개발시 스토리보드 작성이 필수적이다. 스토리보드를 구성할 때 구현하고자 하는 웹페이지를 보여주는 게 일반적인데 이때 화면 구성을 보다 효율적으로 작성할 수 있다. 다음과 같이 구상한 웹페이지를 빨리 작성할 수 있다. https://balsamiq.com/- Download 클릭- 운영체제에 맞게 다운로드. 윈도우와 맥만 지원중인 것으로 파악된다. 리눅스는 사용 불가. 깔아서 설치하면 된다. 사용법은 굉장히 직관적이다. 원하는 디자인이나 구성을 드래그해와 사용하면 된다. - 처음 켰을 때 모습. 빨간색 브라우저를 드래그해 가운데로 놓으면- 다음과 같이 웹페이지 모양이 나온다. url을 적고 싶다면 더블클릭해url을 적어주면 다음과 같이 적용됨을 확인할 수 있다. 웹페이지 구성하는데 필요한 거의 모..

GSON은 Google JSON의 약어로 구글에서 제공하는 툴이다. 자바에서 생성한 객체를 매개변수로 넣으면 Gson 객체를 생성해 tojson 메소드를 사용하면 Map으로 매칭시킨 데이터들을 JSON 포맷의 String으로 반환해줘 json 포맷으로 일일이 작성해야 하는 번거로움을 줄여준다. public class DoCheckDuplicateUserIdServlet extends HttpServlet { private static final long serialVersionUID = 1L; private UserService userService; // 입력할때마다 호출되어 userId가 USR 테이블의 USR_ID 에 중복되는 값이 있는지 확인 public DoCheckDuplicateUserIdS..

WEB-INF는 Web Information의 약자로 web에 관련된 정보를 의미한다. 브라우저에서 Context Root 하위의 정보에 대해 접근할 수 있지만 WEB-INF에는 접근할 수 없다. 브라우저에서 url로 jsp 파일 등을 직접 요청하는 경우를 제한하는 것이 보통이기 때문에 jsp 파일들은 실무에서는 WEB-INF 폴더 안에 있다고 보면 된다. 이와 반대로 브라우저가 반드시 참조해야 하는 css, 이미지(img), jQuery 등은 참조할 수 있도록 Context Root의 바로 하위에 static 폴더를 만들어 관리한다. 다음과 같은 구조로 파일 관리한다.

자바를 이용해 파일 업로드를 하려면 commons 라이브러리를 사용해야 한다. commons는 기존 오픈소스 프로젝트인 자카르타 종료 후 시작한 프로젝트로 자바 프로젝트를 사용하면 반드시 필요하다고 해서 commons로 작명했다고 한다. http://mvnrepository.com/ 접속 1. commons.fileupload 검색해 가장 위 링크 검색2. 가장 상위 버전 클릭3. Download(JAR) 클릭해 다운로드. 나머지 파일도 마찬가지로 검색 후 다운로드 한다.4. commons-io 검색jar 파일 다운commons-logging 검색해 받음이클립스나 sts에서 Dynamic web Project 만들어 Context Root/WEB-INF/lib에 복사 후 붙여넣으면 사용할 수 있다. 경로..