본문 바로가기
728x90

Web/Front14

[Web] EL(Expression Language) 란 ? - 1 💡 EL(Expression Language) 이란? 표현을 위한 언어로 JSP스크립트의 표현식을 대신하여 속성 값을 쉽게 출력하도록 고안된 언어임 즉 표현식 ()을 대체할 수 있음 EL 표현식에서 도트 연산자 왼쪽: java.util.Map객체 또는 Java Bean 객체이어야함 EL 표현식에서 도트 연산자 오른쪽: 맵의 키이거나 Bean 프로퍼티여야함 💡 EL이 제공하는 기능 1. JSP의 네가지 기본 객체가 제공하는 영역의 속성 사용 2. 자바 클래스 메소드 호출 기능 3. 표현 언어만의 기본 객체 제공 4. 수치, 관계, 논리 연산 제공 💡 EL 문법 //스크립트릿 //EL ${userID. zipDTO.addres} //EL [] 연산자 ${userinfo["name"]} //dot표기법을 이용.. 2022. 10. 23.
[JS] localStorage 사용법 (읽기, 쓰기, 삭제, 키목록 등) https://hianna.tistory.com/697 [Javascript] localStorage 사용법 (읽기, 쓰기, 삭제, 키목록 등) 이번에는 localStorage 사용법을 정리해보았습니다. localStorage란? localStorage에 아이템 추가, 읽기 localStorage에 객체, 배열 저장하기 localStorage에 값 삭제하기 localStorage에 값 전체 삭제하기 localS.. hianna.tistory.com 💡Web Storage- localStorage WebStrorage API: LocalStorage 1. 데이터를 사용자 로컬에 저장하는 방식 2. 데이터를 저장, 덮어쓰기, 삭제 등 조작 가능 3. 자바스크립트로만 조작 가능 4. 모바일에서도 사용가능 Co.. 2022. 9. 19.
[JS]자바스크립트로 CSS속성 변경하기 https://cocobi.tistory.com/35 [JS] 자바스크립트로 CSS 속성 변경하기 자바스크립트에서 너무 많은 CSS변경을 하게 되면 성능 이슈가 발생할 수 있다고 한다. CSS에서 변경할 수 있다면 최대한 CSS에서 직접 처리하도록 하자. [ JavaScript에서 DOM 객체 선택 ] document.getEleme cocobi.tistory.com 2022. 9. 19.
[JS] 자바스크립트 기초 💡 자바스크립트란? 자바스크립트는 HTML, CSS와 함께 웹을 구성하는 요소 중 하나로 웹 브라우저에서 동작하는 유일한 프로그래밍 언어이다 자바스크립트는 개발자가 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어이다 클래스가 존재하지 않는 프로토타입 기반의 객체지향 언어이다( Edition 6에서는 Class개념 지원됨) 💡 자바스크립트 선언 src속성은 외부의 자바스크립트 파일을 HTML문서에 포함할 때 사용하며 생략 가능함 또한 자바스크립트는 HTML파일 내부의 와 태그 안에 위치할 수 있다 웹 브라우저가 HTML문서를 순차적으로 해석(parsing)하므로 스크립트 위치에 따라 로드와 실행 시점이 달라진다 안 위치: 브라우저의 각종 입출력 발생 이전에 초기화되므로 브라우저가 먼저 점검함 안 위치:.. 2022. 9. 18.
[BootStrap v5.0] 그리드 시스템 Column Column Column 위의 예에서는 사전 정의된 그리드 클래스를 사용하여 모든 기기와 뷰포트에 동일한 너비의 열 3개를 만듭니다. 이러한 열은 부모 .container가 있는 페이지 중앙에 있습니다. 그리드 옵션 Bootstrap의 그리드 시스템은 6개의 기본 중단점과 사용자 정의한 모든 중단점에 걸쳐 적응할 수 있습니다. 6개의 기본 그리드 계층은 다음과 같습니다 한 열의 너비 설정 flexbox 그리드 열에 대한 자동 레이아웃은 또한 한 열의 너비를 설정하고 형제 열이 주위에서 자동으로 크기를 조정하도록 할 수 있음을 의미합니다. 1 of 3 2 of 3 (wider) 3 of 3 1 of 3 2 of 3 (wider) 3 of 3 행열 반응형 .row-cols-* 클래스를 사용하여 .. 2022. 9. 18.
[CSS] display속성 💡display 속성 1. none: 요소를 렌더링하지 않도록 설정 -> visibility 속성을 hidden으로 설정한 것과 달리 영역도 차지하지 않는다 2 inline: block과 달리 줄 바꿈이 되지 않고, width와 height, 여백을 지정할 수 없다. 문서에서 볼드, 이탤릭, 색상, 밑줄 등 글자나 문장에 효과를 주기 위해 존재하는 단위라고 할 수 있다. 3. block: 가로 영역을 모두 차지하며 항상 줄 바꿈이 되어 새로운 라인에서 시작한다. 문서에서 문단을 표시할 때, 한 문단이 끝난 뒤에 나타나는 요소는 항상 다음 줄에 표시되던 것과 비슷한 맥락이다. width와 height 속성을 지정할 수 있다. 4.inline-block: 요소 자체는 inline요소처럼 동작하지만 (줄바꿈이.. 2022. 9. 18.
728x90
반응형

티스토리툴바