IT/HTML3 [MVC] Model2 방식 모델1 방식 모델1 방식은 데이터베이스 연동 같은 비즈니스 로직 작업과 그작업 결과를 나태내주는 작업을 동일한 JSP에서 수행합니다. 즉, 모든 클라이언트의 요청과 비즈니스 로직 처리를 JSP가 담당하는 구조입니다. 모델 1 방식은 기능 구현이 쉽고 편리하다는 장점이 있는 반면에 요즘처럼 웹 사이트 화면 기능이 복잡해지면 화면 기능과 비지니스 로직 기능이 섞이면서 유지보수에 문제가 생깁니다. 예를 들어 의류 쇼핑몰을 모델1 방식으로 구현해 운영하고 있다고 합시다. 계절이 가을에서 겨울로 바뀌면 화면에 나타낼 의류 상품의 이미지도 바꿔줘야 합니다. 디자이너가 이 작업을 하려면 JSP에 개발자가 관계되는 비즈니스 로직 기능도 알아야 하므로 작업하기가 쉽지 않을 뿐 아니라 비즈니스 로직과 화면 기능이 섞여 코.. IT/HTML 2022. 12. 15. 상단 메뉴 고정 & position: fixed 목적 페이지 마크업 연습 및 기록 남기기 Top Menu List Fixed 고정 마크업 사이트들을 살펴 볼때 이 처럼 스크롤을 내려도 상단이 고정되어 있는 것을 볼 수 있다. .top-list { position: fixed; top: 0; width: 100%; display: flex; justify-content: space-evenly; background-color: white; } css top-list 에서 position : fixed; top: 0; width: 100%; or left: 0; right: 0; width: 100%; 를 설정하든 left: 0; right: 0;을 하던 값은 같다. 설정을 해주면 상단 메뉴바가 고정 되는 것을 확인할수 있다. 여기서 문제! 상단 메뉴가 .. IT/HTML 2022. 1. 22. HTML 페이지 구조 연습 & 페이지 마크업 연습 목적 나는 국비교육으로 백엔드 쪽을 배웠지만 프론트 부분이 더 좋을것 같다고 판단하여(?) 프론트 부분을 준비하려고 오늘부터 공부 한 것에 대한 글을 남겨 보고자 한다. 페이지 구조 연습 페이지의 영역을 큰 단위로 빨간색으로 묶고 영역 안에서 레이아웃을 나눌때는 주황색으로 반복되는 것 들을 묶을 때는 노란색으로 요소들을 묶을 때는 하늘색으로 하나의 요소들을 묶을 때는 파란색으로 그려서 구조 연습을 진행한다. ※ 준비물 ※ 1. 크롬 -> 크롬 웹스토어 -> GoFullPage - Full Page Screen Capture 확장프로그램 설치 확장프로그램으로 페이지 전체 스크린샷을 " 1_전 " 으로 저장하고 2. 그림판 그림판으로 영역 나누기 후 " 1_후 " 로 저장한다. 본 그림은 처음 작업 한 페이.. IT/HTML 2021. 12. 31. 이전 1 다음