개발기술/Web Dev (8) 썸네일형 리스트형 서블릿 - Interception , Filter 서블릿 FilterServlet Filter is an object that can intercept and manipulate requests and responses in a web application. "filter" specifically refers to the interception and processing of HTTP requests and responses within the web application framework. (interception is a broader concept than filter) Key Concepts of Servlet Filters:Interception Mechanism: Filters work by intercepting requests before.. 웹 스크래핑 Jsoup 스크래핑 활용분야 여러 쇼핑몰의 데이터를 스크래핑해서 쇼핑몰간의 가격비교사이트, 특정 카테고리에 해당하는 아이템 모아서 한번에 보여주는 사이트, 여러회사의 취업공고를 모아서 보여주는 사이트, 업무 자동화, 핀테크 회사에서 사용자대신 공공데이터를 스크래핑 후 서류제출과정 대신하여 간편화, 무궁무진한 활용가능함 스크래핑 정책 main페이지의 robot.txt(https://finance.yahoo.com/robots.txt)을 조회하면 해당 사이트의 스크래핑 정책을 확인할 수 있다. 스크래핑을 허용한다고하여도 해당 사이트에 부하가 걸리지 않는 정도에서 운영하여야한다. 스크래핑 Jsoup library는 beautiful Soup의 java버전으로 해당 라이브러리를 사용한다.개발자는 자신의 서비스가 의.. 프론트엔드 설계 고려사항 동기화 비동기화동기화Form Submission (Method 1): Involves a traditional HTTP request-response cycle where the frontend sends data via form submission, and the backend processes the data and typically returns a new page or a redirect response.When you use an HTML form to submit data, the browser sends an HTTP request to the server. This request can be either a GET or POST request, depending on how you conf.. 프론트엔드 자바스크립트 & http request JavaScript문서의 내용와 구조를 잡아주는 HTML은 한번 출력된 문서는 내용이 바뀌지 않는 정적인 언어이기에, JavaScript는 문서를 동적으로 바꿔 사용자와 상호작용하기 위해 도입된 언어이다. callback functions : These functions are expected to accept parameters that are predefined by the context in whichthey are used. if A function use B function as callback, B function's parmeter is defined by A function. A callback is a function that is passed as an argument to ano.. API 활용법 (http통신, Json Parsing, 비동기화) API란? Application programming Interface, 어플리케이션의 프로그래밍 통신수단 일반적으로 OPEN API는 웹서핑과 유사하게 HTTP프로토콜의 request와 response 방식으로 이루어진다. 단지, 전달되는 컨텐츠가 html인지 혹은 데이터(json 등)인지의 차이가 있음. 아래 비교내용 참고.Web Browsing:Purpose: The primary purpose of using a URL in web browsing is to locate and retrieve a web page. This page is typically rendered visually in a web browser for user interaction.Content Type: URLs in .. 톰캣을 통한 JSP 사용법 배경 아파치 톰캣을 설정하여 JSP를 통해 웹페이지를 구현하는 방식은 현재 시점에서 상당히 오래된 기술이다. 학원 측에서는, 과거의 기술을 하나씩 경험하면서 최신기술을 배워나가길 바라는 모양이다. 강의 내에서는 Eclipse를 통해서 환경설정을 하였는데, Intellij를 선호하는 하는 만큼, 그리고 개발자는 스스로 탐색하여 배우고 문제를 해결해 나갈 수 있어야한다는 말처럼 구글링을 통해 시행착오를 거치면서 환경설정을 해보고자한다. 아파치 톰캣 설정아파치 톰캣 홈페이지에서 톰캣9의 tar.gz파일을 다운로드 받아서 CLI를 통해 bin폴더 startup shell파일을 command(./startup)명령어로 실행할 수 있다. http://localhost:8080/으로 접속시에 local에서 호스트.. 자바 웹프로그래밍의 입문 - 서블릿, JSP, 톰캣 소개 웹브라우저HTML을 비롯하여 이미지, 멀티미디어 파일등의 문서를 월드와이드웹을 기반으로 연결하기 위한 응용 프로그램(Application Program) HTML은 마크업언어로 변수수정, 조건분기가 불가하며 웹브라우저를 만나야만 렌더링되어 동작된다현재 html5가 표준이며, 웹 페이지소스에서 을 확인할 수 있다면 html5로 작성된 것을 알 수 있음. 그외 legacy로 html4, xtml 등이 있음. : HTTP프로토콜을 기반으로 통신하며 사용자의 동작에 따라 HTTP method를 실행하여 OS에 전송을 요청하는 역할을 함웹표준 웹접근성(장애인의 사용성)을준수하고 수준을 높이는 것은 웹 표준을 지킴으로서 달성가능함ex) tap키를 통해서 웹화면이 잘 선택이 되는지 웹브라우저의 다양화로 크로스 플.. 프론트엔드 HTML, CSS Visual Stuio Code단축키shit+option+F : 줄정렬! +enter : boilerplate입력Chrome 개발자모드(F12/command + option + i/ 오른쪽 마우스 클릭 - 검사)최좌상단 select element in a page to inspect : 원하는 항목의 태그를 검사할 수 있음.목표한 태그를 찾은 후 오른쪽 클릭시, xpath를 찾을 수 있음.개발자도구의 콘솔에서 JavaScript를 바로 실행할 수 있음.html실습 : https://codepen.io/pen?editors=1000코드펜을 사용하여 html 입력창에 !tab을 입력시 boilerplate자동 입력html에 대해서 자세히 설명 https://developer.mozilla.org/en-US/.. 이전 1 다음
