웹 서비스 개념 및 구조 parameter와 attribute의 차이점 자주 보기! 헷갈림 - request는 form data와 parameter로 데이터 송수신 가능 - parameter는 client to server, attribute는 server to client 데이터 전송 시 사용 - 브라우저의 개발자 도구를 사용하여 데이터 전송 정보를 확인 - parameter는 String 타입만 전송 가능 - attribute는 Object 타입의 데이터로 전송 가능 실습 ch12 > form.jsp 이름/나이 입력 이름 나이 ch12 > result.jsp 이름 : 나이 : HW2 과제 후 실습 ch13 > register.jsp 회원 가입 페이지 아이디 비밀번호 이메일 이메일 수신여부 예 아니요 ..
ch1. 웹 서비스 개념 및 구조 웹 클라이언트 (Web Client) - Web Browser, Mobile App ... 웹 서버(Web Server) -> resource(이미지,텍스트...)를 줌 -> 정적(이미지,텍스트,파일... 변하지 않음) / 동적(글을 쓴다->바뀐다) WAS(Web Application Server) -> 동적 컨텐츠를 처리함 => DB Control => Java로 컨트롤==> 자바를 기반으로 한다 Web Container(Servlet Container) -> WAS 제일 큼 이 안에 웹 컨터이너가 있음 웹 컨테이너랑 서블렛 컨테이너 랑 같은거임! 웹 서비스 개념 및 구조(JSP/Servlet) JSP는 html이 껴있는 java임 JSP 와 Servlet은 ..
명세서 확인하기 2024.03.25 - [3월] - 2024.03.25_ 프론트엔드 미니 프로젝트 + 수정할 부분 문제 : 장바구니에 담은 상품의 수량의 변화에 따른 가격 변화가 있을 것이고 이게 총 금액까지 이어져야 하는데... 총 금액까지 이어지지 않음! 원인 : 현재 코드에서는 수량이 증가 또는 감소할 때마다 'totalPrice' 변수에 상품 가격을 다시 계산하고 있지만,,, 이전의 총 가격을 고려하지 않고 현재 상품 가격만 고려하고 있어서 문제가 된 것! 해결방법 : 각 상품에 대해 수량이 변경될 때마다 총 가격을 업데이트 해야 한다. 수량이 변경될 때마다 해당 상품의 가격과 수량을 곱하여 총 가격을 새롭게 계산하고 업데이트 해야 한다. 완성 코드 HTML 삽입 미리보기할 수 없는 소스 코드 리..
1) 명세서 작성 기능 : - 왼쪽 상품 리스트에서 특정 상품을 클릭하면 오른쪽 리스트에 보이게 한다. - 같은 상품을 클릭하면 alert 메세지로 중복 상품을 클릭할 수 없다는 메세지가 나오게 한다 - 오른쪽 리스트의 상품의 수량을 버튼을 통해 증가시키고 감소시킬 수 있게 한다 (1~100) - 해당 상품의 수량의 증가,감소에 따라 상품의 가격도 같이 변동시키도록 한다. - 오른쪽 리스트의 상품의 삭제 버튼을 누르면 리스트에서 완전 삭제 시킨다 - 오른쪽 리스트에 담긴 상품들의 총 가격은 왼쪽 아래에 표시가 되도록 하며, - 오른쪽 리스트의 상품들의 수량의 증가,감소에 따라 총 가격도 변동되도록 한다. 순서 : 1. 왼쪽에 상품의 리스트를 작성한다.(상품명, 가격) 2. 특정 상품을 클릭하면 오른쪽 리..
Bootstrap : 부트스트랩(Bootstrap)은 HTML, CSS 및 JavaScript를 사용하여 반응형 및 모바일 우선 웹사이트를 개발하기 위한 가장 인기 있는 프레임워크 중 하나. 오픈소스이며 무료로 다운받을 수 있다! 1) bootstrap 부트스트랩을 사용할 때 이 코드를 필수적으로 사용한다. Bootstrap 같은 넓이의 컬럼 .col .col .col .col 다른 넓이의 반응형 컬럼 578px 넓이 및으로 브라우저를 변경하면 컬럼 위치가 변경됨 .col-sm-4 .col-sm-8 2) table 기본 테이블 table 클래스는 기본적으로 스타일을 포함 성 이름 이메일 홍 길동 test@gmail.com 고 길동 test@gamil.com 김 길동 test@gmail.com 03) al..
연락처 프로그램 이름 : 전화번호 : 이메일 : 입력 전체검색 인덱스 : 삭제 09,10,11_function * 자바스크립트에서 함수 작성 방법 - function 함수이름(매개변수1,매개변수2, ...){ 실행코드; } - 함수의 호출 : 함수이름(인자값1, 인자값2, ...) - 함수의 정의 부분은 script 상단으로 이동 -> 함수를 정의하기 전에 호출할 수 있음 * 자바스크립트 함수의 매개변수 규칙 1. 자바스크립트 함수는 매개변수의 타입을 명시하지 않음 2. 자바스크립트 함수는 전달받는 인자값의 타입을 체크하지 않음 3. 자바스크립트 함수는 전달받는 인자값의 개수를 체크하지 않음 */ 자바스크립트 함수(function) HTML 삽입 미리보기할 수 없는 소스 자바스크립트 함수 HTML 삽입 ..
Web02 CSS 07_text CSS Text Left Center Right DBOS와 DBOS 클라우드의 기원 스톤브레이커와 자하리아, 그 외의 연구원은 어떻게 모였고, 왜 DBOS를 만들었을까? 3년 전, 스톤브레이커는 InfoWorld와의 인터뷰에서 데이터와 컴퓨팅에 대한 수요가 증가하면서 데이터베이스에는 대량의 운영체제 상태 저장이라는 새로운 과제가 생겼다고 언급한 바 있다. 그 무렵 그는 데이터브릭스의 CTO이기도 한 자하리아의 강연에 참석해 포스트그레SQL의 성능에 대한 자하리아의 지적을 유심히 들었다. 스톤브레이커에 따르면 자하리아는 당시 데이터브릭스가 운영체제 스케줄링을 어떻게 수행하는지에 대해 설명했다. 그는 "자하리아는 데이터브릭스가 클라우드에서 '백만 단위'의 스파크 서브 작업을 ..
- 배울 것- HTML/CSS JavaScript Bootstrap jQuery JavaScript 만 제대로 해도 react,node 금방함 jQuery = 자바스크립트임 - 웹개발자 로드맵 - HTML (프론트) JavaScript (프론트) CSS (프론트) JSP ---> (백엔드) Java ---> (백엔드) 데이터베이스 ---> (백엔드) IDE HTML/CSS - css는 06.margin까지 함 03_selector 여기는 Division입니다. 여기는 클래스 c1 div입니다. 여기는 클래스 c1 div입니다. 여기는 클래스 c2 div입니다. 여기는 클래스 c2 div입니다. 여기는 아이디 i1 div입니다. 여기는 아이디 i1 div입니다. 여기는 아이디 cl1, cl2 div입니다...
배포 하기 위해서 준비 과정.. 먼저 방화벽 상태 확인을 클릭! 고급 설정 클릭 위에 사진은 오라클 포트를 추가완료한 것! 인바운드 규칙 > 새규칙 클릭 만들려는 규칙에 포트 선택하고 다음 여기에 넣을 값은 오라클 포트 값을 넣기 아래는 오라클에서 새로 만들기를 클릭하면 포트 번호가 나온다 이 번호를 복사해서 아래에 입력 다음으로 cmd를 켜서 ipconfig 입력 ip주소를 확인한다 만든 프로젝트의 쿼리부분에 localhost 를 지우고 ip주소를 입력 테이블이 하나가 아니라 쿼리가 여러 개이면 모든 쿼리의 사용자 정보 URL을 바꿔본다 이제 마지막으로 프로젝트를 배포하는 과정 프로젝트를 우클릭하고 Export 클릭 Archive File 클릭 저장될 경로 설정 나는 배경화면에 내 이름으로 압축하기로 ..