FRONT-END4 [JSP] EL, 액션 태그, JSTL Ⅰ. EL(Expression Language) JSP는 스크립트 요소(Script Element)로 작동하는데(스크립틀릿, 표현식, 선언문 등)를 사용하여 Servlet에서 값을 뽑아내는데, 이를 좀 더 편하게 사용할 수 있도록 고안된 표현법. EL 방식 기본적으로는 JSP 내장 객체를 구분하지 않고 모든 내장 객체의 키 값을 검색하여 값을 찾아낸다. 같은 키가 있다면 작은 범위의 값이 출력된다. ${ 키 값 } 원하는 내장 객체에서 검색하고 싶은 경우, 참조할 수 있도록 'JSP내장객체명Scope.'으로 표현한다. ${ requestScope.title } 내장객체명을 붙이지 않고 모든 범위에서 검색하는 경우, 속도가 느려질 수 있으므로 되도록 객체명을 명시하는 버릇을 들이자! JSP 내장 객체의 범.. 2022. 2. 16. [JQuery] 기초 개요 문법이 긴 자바스크립트의 단점을 보안하기위해, 자바스크립트를 기반으로 제작된 라이브러리. 자바스크립트는 '요소객체'의 '속성'을 통한 조회와 대입이 주인 반면, 제이쿼리는 '제이쿼리 객체'의 '메소드'로 값을 대입하거나 불러온다. 장점 DOM 요소와 관련된 스크립트를 보다 쉽게 구현 가능 확장 플러그인, 오픈 API등을 지원 AJAX, 이벤트 처리를 폭넓게 지원 사용방법 : 후술할 두가지 방법 다 가능. 사용하기 위해서는 jQuery 문서를 업로드하여 script 태그의 src 속성에 주소를 입력 CDN을 불러와서 붙여넣을 수도 있다. window.onload()와 비슷한 기능을 하는 jQuery 메소드. document가 로드되면 작동한다. jQuery(document).ready(function.. 2021. 12. 28. [JavaScript] 기초 개요 웹 프론트엔드의 3요소 HTML : 웹 문서의 구조 CSS : 웹 문서의 스타일시트 JAVASCRIPT : 웹 문서의 이벤트 처리 자바 스크립트란? 인터프리터 방식의 스크립트 언어로, 웹 문서에서 일어나는 사용자의 이벤트들을 처리하는 동적 문서를 의미한다. 인터프리터 방식이기에 수행 속도가 빠르다. 인라인, 내부, 외부 방식을 혼용할 수 있으며, 소스코드가 웹에 공개되어있기 때문에 보안에 취약하다. 변수와 자료형 변수 var : 모든 자료형을 하나의 형태로 받고 인터프리터가 타입 추론을 하여 자료형을 판단한다. 중복선언으로 발생하는 소통의 혼선으로, 최근에는 사용하지 않을 것을 권하고있다. let : var와 유사하지만 중복 선언이 불가능하다. const : 상수 변수. 선언하면서 할당해야하며, 재.. 2021. 12. 22. [HTML&CSS] 웹 문서 기본 제작 Ⅰ. 웹 1-1. 네트워크 통신 기술로 논리적이나 물리적으로 그물망처럼 연결된 구조. 1-2. 인터네트워크 네트워크를 통해 연결된 컴퓨터들. 컴퓨터에는 가정용 컴퓨터 뿐만아니라 여러 정보 통신 매개체들도 포함. 웹, FTP, SMTP 등의 서비스가 포함된다. 1-3. 웹 웹 월드 와이드 웹 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간. 1-3-1. 웹 표준 HTML, CSS 등 규격을 W3C에서 정한다. Ⅱ. HTML 2-1. HTML? 2-1-1 마크업 언어: 웹을 기술하듯 제작하는 언어. 2-1-2. HTML : 마크업 언어 중에서 웹의 구조를 짜는 언어. CSS : 웹의 디자인 요소를 적용하는 언어 JavaScript : 웹의 이벤트를 처리하는 언어 id /.. 2021. 12. 13. 이전 1 다음