프로그래밍/웹개발(WEB) 반응형 58 [jstl ] case when 중첩 방법 기본적으로 jstl에서 case문 쓰다가 급 중첩해서 써야 되는 경우가 있어서 포스팅을 해봅니다. jstl case when 기본사용 이런 식으로 기본적으로 사용을 합니다. jstl case when 중첩 방법 중첩 예시입니다. 예시를 이렇게 설명했지만 조건이 들어가는 곳이라면 위와 같은 조건을 추가해준다면 어디에서든 중첩해서 사용할 수 있습니다. 2021. 12. 9. 웹개발자(frontend, backend, devops) 로드맵 프런트엔드(frontend) 로드맵 백엔드(backend) 로드맵 데브옵스(devops) 2021. 10. 6. 서비스형 소프트웨어 Sass(Software-as-a-Service) 란? 서비스형 소프트웨어 Sass(Software-as-a-Service) 란? ‘서비스로서의 소프트웨어’를 의미하는 SaaS는 클라우드 서비스 형태 중 가장 완성된 형태의 클라우드 서비스입니다. 클라우드 인프라 위에 소프트웨어를 탑재해 제공하는 형태로 IT 인프라 자원뿐만 아니라 소프트웨어 및 업데이트, 버그 개선 등의 서비스를 업체가 도맡아 제공합니다. 별도의 비용을 들여 소프트웨어 라이선스를 구매할 필요 없이 월간/연간 구독 형태의 사용료를 지불하고 제공 업체의 소프트웨어를 이용하게 됩니다. SaaS를 이용할 경우 사용자는 인프라 구축, 개발 환경 세팅 및 소프트웨어 개발에 소요되는 비용을 절약할 수 있기 때문에 자체적으로 소프트웨어를 개발하는 것 대비 초기 비용을 대폭 줄일 수 있습니다. 하지만, 인터.. 2021. 9. 13. 렌더링 최적화방법 렌더링 최적화 방법 1. 인라인 스타일 사용하지 않기 인라인 스타일은 가독성을 해칠 뿐 아니라 수차례 리플로우를 발생시킵니다. 그에 반해 외부 스타일을 사용할 경우 한 번만 리플로우를 발생합니다. 2. 작업 그룹핑 DOM 요소의 정보를 요청하고 변경하는 코드는 같은 형태의 작업끼리 묶어 실행시키는 것이 좋습니다. function popChange() { let width = document.getElementById("pop1"). style.width; document.getElementById("pop2"). style.width = width; let height = document.getElementById("pop3"). style.height; document.getElementById("po.. 2021. 8. 26. CSS 스타일 인라인스타일/내부스타일시트/외부스타일시트 이란? CSS 스타일 적용 3가지(인라인 스타일/내부 스타일시트/외부 스타일시트) 방법 인라인 스타일 / 내부 스타일 시트 / 외부 스타일 시트는 스타일 시트의 내용이 어느 곳에 위치하느냐에 분류됩니다. 인라인 스타일(Inline Style) - HTML 파일 태그 안에 직접 지정하여 사용합니다. - 태그에 직접 스타일을 지정할 때 용이합니다. - HTML과 섞여 있으므로 인라인 스타일을 많이 사용할 경우 가독성 하락 및 유지보수가 용이하지 않습니다. Ex) 좋은 하루 내부 스타일 시트(Internal Style Sheet) - HTML 파일 안에 별도의 영역으로 스타일을 정의합니다. 일반적으로 사이에 style을 적용합니다. - 태그를 사용하여 지정합니다. - HTML 페이지 안에 위치하므로 영향을 주는 범위.. 2021. 8. 25. CSSOM(CSS Object Model) 이란? CSSOM(CSS Object Model) 이란? 웹 사이트를 브라우저 상에 표현할 때 서버로부터 받은 정보를 브라우저가 렌더링 엔진을 통해 파싱 하는데 이때 두 가지 요소를 파싱 하는데 하나는 HTML 또 하나는 CSS입니다. 이때 HTML을 파싱 하여 자료를 구조화한 것을 DOM이라 하고 CSS 내용을 파싱 하여 자료를 구조화한 것을 CSSOM이라 합니다. 즉 DOM처럼 CSS의 내용을 해석하고 노드를 만들어 트리 구조로 만든 것을 CSSOM이라 합니다. CSSOM이 트리구조인 이유 어떻게 본다면 CSS는 트리 구조일 필요가 없습니다. DOM의 경우 태그 별로 위아래가 이미 존재하고 문서 구조화를 통해 다양한 작업을 수월하게 할 수 있습니다. 하지만 스타일은 위아래가 없는데 트리 구조라는 게 이상합니.. 2021. 8. 24. 이전 1 2 3 4 5 ··· 10 다음
