madori4 madori4

자바스크립트 라이브러리 중 대중적으로 사용되는 jQuery 다운 및 설치 절차. 1. jQuery 사이트 접속http://jquery.com/ 2. 다운로드 박스 클릭3. 첫번째 jQuery 클릭. 2만여줄의 코드 용량 줄이기 위해 공백과 개행 최소화 시킨 것. 아래 있는 jQuery는 플러그인 등을 직접 개발할 때 사용하는 것으로 초심자는 첫번째 것 사용하면 된다.4. Context root(src/main/webapp)에 js 폴더 생성 후 붙여넣기5. 실행해보면 다음과 같이 빼곡히 코드가 적혀있음을 확인할 수 있다.이후 jsp 파일에 다음과 같이 등록해주면 jQuery를 사용할 수 있다. script type="text/javascript" : 사용할 스크립트 타입 src= 사용하고 싶은 자바스크립..

jsp 파일 내에서 자바 문법이 아닌 태그를 이용해 foreach 등의 구문을 사용하기 위해 jstl과 standard을 필요로 한다. jstl은 javax.servlet을 가지고 있어 서블릿 관련 클래스를 사용할 수 있게 돕지 않을까 하는 추측을 해본다. standard는 Taglib를 가지고 있어 jsp 파일 내에서 c 태그 등을 사용할 수 있도록 돕는다.구글링 해보니 API 구현 클래스가 jstl.jar이고, 그냥 구현한 것이 standard.jar라고 한다. 무엇이 맞는지는 잘 모르겠다... 메이븐 접속. 가장 방대한 자바 라이브러리 통합관리 사이트. 아파치 등의 사이트로 접속할 필요 없이 여기서 검색 한번으로 가능하기 때문에 즐겨찾기 하길 권장. http://mvnrepository.com/ 1..

오라클과 톰캣 서버를 설치한 채로 sts 실행하면 포트 충돌이 날 것이다. 오라클과 톰캣이 같은 포트번호 값 8080을 기본적으로 할당해 놓기 때문이다. 따라서 하나의 포트를 변경하는 작업이 필요하다. 나는 오라클의 포트번호 변경. 1. windows + r 로 검색창 띄워서 CMD 실행 2. sqlplus sys as sysdba 엔터3. 오라클 설치 시 입력한 비밀번호 입력 ( *가 생기지 않아도 입력되고 있음 )4. EXEC DBMS_XDB.SETHTTPPORT(9090); 입력 HTTP Port 번호 9090으로 변경. 5. SELECT DBMS_XDB.GETHTTPPORT() FROM DUAL; 엔터 9090으로 설정되어있는지 확인 이제 톰캣과 데이터베이스 포트가 겹치지 않게 됐다.

톰캣은 서버 역할을 해주는 툴이다. HTTP에 기반한 URL 요청을 처리해 응답을 브라우저로 보내는 역할을 해준다. URL에 로컬 컴퓨터의 IP와 톰캣 포트번호를 전달해 톰캣 서버가 받아 처리할 수 있는 요청이라면 그에 대한 결과를 브라우저로 전송한다. 여기서 처리할 수 있다는 의미는 서버에 있는 jsp나 servlet을 의미한다. 톰캣 (Tomcat) 다운 http://tomcat.apache.org/ 2. Download의 Tomcat 9 클릭해 다운3. Zip 파일 클릭해 설치하면 된다. 이후 STS를 사용할 때에 프로젝트 생성시 Target Runtime에 대한 설정을 해주면 톰캣이 적용된 프로젝트를 수행할 수 있다. STS 톰캣 연동 포스팅 참조할 것

톰캣은 http 프로토콜을 통해 요청하면 응답을 해주는 서버이다. HTTP ( HyperText Transfer Protocol ) 는 1. 요청 (Request) 2. 응답 (Response) 두가지 기능을 주로 하는 프로토콜로 클라이언트에서 url을 통해 서비스를 요청하면 그에 대응하는 결과값을 Text(html 등)으로 화면에 볼 수 있도록 해준다.클라이언트(브라우저)는 http://192.168.201.18:8080/hello/hello.html 의 URL을 통해 결과를 얻고자 하는 파일의 정보들을 입력한다. 서버는 URL 문법 및 정보에 부합하는 결과가 존재한다면 그 값을 클라이언트로 리턴해주는 역할을 수행한다. ※ URL 의미 192.168.201.18 : ipv4 주소. 접속 원하는 pc의 ..

웹 개발에 실무에서 빈번하게 사용되는 툴. 아톰 (Atom) 다운 https://atom.io/ 별도의 로그인 절차가 필요 없이 다운받을 수 있다. 이후 설치하면 바로 실행 가능. 예제 작성 1. File - new File 클릭 2. ctrl + s 눌러 hello.html로 파일 저장. 아톰의 강력함은 태그 자동완성기능에 있다 html을 누르면 태그가 아래 나오고 엔터를 누르면 다음과 같이 기본 포맷이 완성된다. 나머지 태그들도 마찬가지로 사용하면 됨. 다음과 같이 코드 작성한다. This is HTML Body P 태그는 문장을 쓸 때 사용합니다. h1 제목입니다. 뉴스기사의 헤드라인으로 사용하면 좋습니다. Headings Type 1의 약어입니다. h2 제목입니다. 뉴스기사의 헤드라인으로 사용하면..

STS (Spring Tool Suite) : 이클립스보다 조금 좋고 인텔리J 보다 훨씬 안좋은 개발 툴 스프링 프레임워크를 지원하기 때문에 웹 개발에 최적화되어 있는 툴(이클립스에서는 지원하지 않음). STS 다운https://spring.io/tools/sts/all 사용하는 운영체제의 목록 버튼 클릭해 맞는 비트 찾아 zip 버튼 클릭집파일 압축 풀어 설치하면 나뭇잎 모양의 실행 아이콘을 찾을 수 있다. STS를 실행. 이클립스와 동일하게 사용하면 된다. 이클립스에서 진행했던 것과 동일한 인코딩 설정 진행해 다국어 호환되도록 환경설정 진행한다. 자바 - 환경설정 - 자바 이클립스 환경설정 포스팅 참조. jdk 파일 설정 부분만 조금 상이하므로 포스팅. ▶ JDK 설정 절차1. Windows - Pr..