no image
미니프로젝트 1일차 경과
- 추가할 기능들 : 버튼 클릭시 앵커로 경로 넘기기- product 박스 앵커 넣기- 메뉴 앵커 넣기     회원가입 로그인 게임캐쉬 넥슨카드 틴캐시 와우캐시 상품권 문화상품권 구글기프트카드 해피머니 이벤트 문화상품권 구글기프트카드 해피머니 고객문의 문화상품권 구글기프트카드 해피머니 게시판 문화상품권 구글기프트카드 해피머니 공지사항 문화상품권 구글기프트카드 해피머니
2024.06.14
[오류주의]javaScript의 치명적인 오류 (함수에 괄호 누락 ())
위에 f.submit을 통해 데이터 전송을 해줘야하는데,submit은 함수이다. 함수에 괄호없이 보내면 아무런 오류없이 아무런 동작을 안하는데, 오류 찾기가 매우 까다롭다.절대적으로 괄호누락은 엄히 금한다.
2024.06.14
no image
Servlet 연산 예제
- parameter를 받아올땐 전부 String으로 받아오기에 정수로 변환(Integer.parseInt())를 활용한다.- 아규먼트로 받아온 값 2개를 Servlet에서 자체적으로 계산하는 service() 메서드를 만든다. - 올바른 값을 아규먼트 값으로 Client가 넣었는지를 확인해주는 절차 (정규식만들어서 jQuery 사용)  - 한 화면에 밑에 방법처럼 form을 지정해도 가능하지만, 레이아웃이 JSP처럼 여러개 짜여있다면, 밑과 같이 지정하면 곤란하다. 충돌발생 위험이 있다. 수1 : 수2 :    - 정답 수1 : 수2 : package action;import java.io.IOException;import ..
2024.06.14
no image
Servlet의 요청 및 응답 / Thread에 대해서 / Get, Post
어노테이션 주소를 확인하고, Tomcat이 클라이언트에 대한 정보를 모아서, 두개의 객체정보를 넘겨준다.protected void service( HttpServletRequest request, // 요청처리객체 HttpServletResponse response // 응답처리객체 ) request : 요청 (Client에서 Server로 넘어올때 처리하는 객체는 request를 이용한다)response : 응답(응답처리를 넘겨줄 때 사용한다. IO 객체중 Output Stream이 존재한다) //request : client의 요청 정보 포함String ip = request.getRemoteAddr(); // 요청자 ipSystem.out.printf("[%s]..
2024.06.14
no image
웹 어플리케이션 서버(Servlet)
Web Server는 네트워크에 의해서 연결이 된다.사용자 요청 - > 결과를 응답해주는 서비스 프로그램 우리가 기존에 클라이언트에게 보이는 Web Browser를 공부했다면, 정보를 전달해주기 위해서 관리하는 Server를 배울 예정이다. (오늘의 날씨를 검색하면, 구글이나 네이버에서 연결해주는 사이트들의 정보들이 서버에서부터 제공이 된다.) 이러한 Service를 제공해주는 것은 Tomcat(WAs), Servlet & JSP Container를 사용한다.항상, 응답은 HTML로 해주어야 한다. 클라이언트에게 보여주는 화면은 결국 HTML이기 때문이다. Tomcat은 Servlet을 관리하는 프로그램이다. Servlet (서버렛 Server + Let의 합성어)은 사용자가 요청을 하면 서버내에 저장이..
2024.06.14
작업하던 Git 프로젝트 가져오는 방법
https://dbswn731.tistory.com/16 Git에서 Eclipse로 프로젝트 가져오기(import projects)1. Git Repositories에서 Clone Git Repository를 선택한다. 2. Github 정보를 입력한다. 3. Branch 선택한 후에 Next 버튼을 클릭한다. 4. 로컬 저장소 위치를 선택한 후에 Finish 버튼을 클릭한다. 5. Git Repositories에dbswn731.tistory.com
2024.06.13
no image
개발일지 1차 프로젝트(아이디어)
https://www.w3schools.com/bootstrap/bootstrap_carousel.asp W3Schools.comW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.www.w3schools.com   이미지 위에 커서를 올릴시에 간략한 정보가 나오는 것   - 주황색 상단 x 없애기 기능 (hide) 보드게임 정보 정리는 역시 보드게임즈- 하단 따라다니는 1:1 상담채팅 물론 끄기가능https..
2024.06.12
no image
jQuery (제이쿼리)
jQuery를 사용하는 이유  자바스크립트에서는 문자를 클릭해서 사라지게 하려면 이런 코드를 사용해야 한다.function pHide() { document.getElementById("p1").style.display = "none";}  제이쿼리를 사용하면 이런 코드로 함축이 가능하다.("#p1").hide(); 제이쿼리를 사용하는 이유는, 자바스크립트의 문장을 더욱더 간결하게 사용하기 위해서 사용한다. https://jqueryui.com/ jQuery UIjQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Wh..
2024.06.12
no image
JavaScript Class(클래스)
JSON과 동일하지만 명시적으로 Class로 표현을 하면, 데이터 분석이 쉬워진다.JSON인 경우에는 name과 value 값을 확인해봐야 하기 때문이다.   클래스 안에서 메소드 만들때 출력 데이터 표현 방식(JSON과 유사하다) toJSON(){ // Person 객체가 가지고 있는 Data를 JSON 형태로 출력하는 메소드 return `{"name":"${this.name}", "age":${this.age}, "tel":"${this.tel}"}`;} /** * */ class Person{ constructor(name,age,tel){ this.name = name; this.age = age; this.tel = tel; } toJSON(){ // ..
2024.06.11