이 글은 자바스크립트를 사용한 심화 기술을 활용할 수 있도록 기초적인 문법과 개념을 얕게 다룬다. 여기서 다루는 기술은 자바스크립트뿐만 아니라 다른 프로그래밍 언어, 라이브러리, 프레임워크에서 활용할 수 있다. 각 기술을 설명하기에 앞서 자주 사용되는 자바스크립트 문법을 짚고 넘어가도록 하자. 💡let과 const 키워드 let과 const의 역할 let을 사용하는 경우 변수를 선언하고, 나중에 재할당할 가능성이 있는 경우에 사용된다. 변수의 값이 변경될 수 있는 상황이거나, 변수의 스코프가 한정적인 경우에 사용된다. 반복문에서 반복 변수를 선언할 때 주로 사용된다. 예를 들어, 반복문 내에서 임시적으로 사용되는 변수나 조건에 따라 값이 변경되는 변수 등에 사용된다. const를 사용하는 경우 변수를 선..
🍁jSoup https://jsoup.org/ jsoup: Java HTML parser, built for HTML editing, cleaning, scraping, and XSS safety jsoup: Java HTML Parser jsoup is a Java library for working with real-world HTML. It provides a very convenient API for fetching URLs and extracting and manipulating data, using the best of HTML5 DOM methods and CSS selectors. jsoup implements the WHATWG H jsoup.org jsoup-1.16.2.jar 파일을 ..
📌Requirements Q44: 새 날개짓 새 날개짓 새의 속도 : 느림 보통 빠름 엄청빠름 📌Requirements Q46: 이미지 뷰어 이미지 뷰어 📌Requirements Q47: 셀 클릭 📌Requirements Q49: 이동하는 이미지 📌Requirements Q50: CATCH CHROMI catch chromi Ready
🍁EL (Expression Language) EL과 JSTL을 사용하면 구문이 단순해지고, 가독성이 향상된다. 이들은 서로 다른 기술이지만, 섞어서 사용한다. 슬로건은 "JSP에서 되도록 자바를 쓰지 말자!"이다. EL 표현식의 사용 ${} Expression()과 EL 언어는 완전히 다른 것이지만, 이름이 같다는 점에서 목적이 같다는 것을 알 수 있다. EL 언어는 기능을 대신하기 위해서 만들어진 언어이다. EL 표현식 a: b: c: EL a: ${a} b: ${b} c: ${c} 기존에 사용하던 표현식을 EL을 사용하여 바꿀 수 있다. 그런데 어떤 건 출력이 되고 어떤 건 출력이 안 된다. 왜 그런 걸까? EL의 목적 EL은 내장 객체(pageContext, request, session, app..
🍁생명주기 내장 객체에 저장소를 제공하는데, pageContext, request, session, application 중에 어떤 것을 사용해야 하는지 의문이 생길 수 있다. 이때 내장 객체의 생명주기를 고려하면 된다. 내가 저장하고 사용할 데이터를 어느 기간 동안 사용할지에 대해 결정하고, 내장 객체가 어느 기간 동안 객체가 유지되는지에 대한 생명주기를 고려하여 일치하는 것을 찾는다. ex19_scope_1: 데이터 입력 페이지 ex19_scope_2: 데이터 수신 및 처리 페이지 각 방법으로 데이터를 전달하는 과정을 살펴보면서 내장 객체의 생명주기에 대해 알아보도록 하자. ex19_scope_1 실패 int a = 10; /* 자바로 페이지 이동 */ //response.sendRedirect("e..
🍁이미지 뷰어 ex18.jsp: 이미지를 목록보기로 보여주는 뷰어 역할(메인, 목록 보기) ex18_ok.jsp: 이미지 업로드 처리 ex18_del.jsp: 이미지 삭제 처리 webapp에 "pic" 폴더를 생성했다. ex18.jsp o2.getName().compareTo(o1.getName())); %> Image Viewer × 이미지 ex18_ok.jsp ex18_del.jsp 더보기
🍁파일 업로드 / 다운로드 브라우저와 웹 서버 간에 파일을 복사하는 작업을 의미한다. 클라이언트의 자원을 서버 쪽으로 복사하면 파일 업로드, 서버 쪽에서 클라이언트의 자원을 복사하면 파일 다운로드라고 한다. 파일 업로드 라이브러리 cos library http://www.servlets.com/cos/ Servlets.com | com.oreilly.servlet www.servlets.com cos-22.05.zip 파일을 저장한다. C:\Class\code\server\JSPTest\src\main\webapp\WEB-INF\lib 다운로드한 cos.jar 파일을 프로젝트의 WEB-INF폴더의 lib폴더에 저장한다. 이렇게 하면 톰캣이 대신 참조를 해 준다. 그리고 업로드한 파일을 저장할 전용 폴더를..
🍁request 객체 [JSP] 내장 객체: request 객체 🍁내장 객체 내장 객체(Implicit Object)는 개발자가 직접 생성하지 않아도 JSP(톰캣)가 미리 만들어서 제공하는 객체이다. JSP에는 미리 만들어진 예약어들이 있으며, 이 안에는 객체가 내장되어 있 isaac-christian.tistory.com 🍁response 객체 [JSP] 내장 객체: response 객체 🍁response 객체 HttpServletResponse request와 반대로 response객체는 서버 쪽에서 클라이언트로 데이터를 돌려주는 역할을 한다. response 객체의 업무 1. 서버에서 클라이언트로 돌려주는 HTML 페이지를 제 isaac-christian.tistory.com 🍁pageContext..
