Web Dev 214

JSP 5강 :: JSP 요청과 응답, 내장객체

JSP에서 기억하고 싶은 내용 JSP의 요청과 응답이란 요청: 클라이언트가 웹 서버에게 특정 페이지 전송 요구 응답: 웹 서버가 클라이언트에게 결과 전송 request 내장 객체 클라이언트의 요청 표현하는 JSP 내장 객체 HttpServletRequest 유형 내장 객체 기능 클라이언트가 서버 관련 정보 읽기 클라이언트가 전송한 파라미터 읽기 클라이언트가 전송한 헤더, 쿠키 정보 읽기 데이터 공유 내장 객체 사용 예시 클라이언트 주소: 요청 정보 길이: 인코딩: 문서 타입: 프로토콜: 전송방식: 요청 URI: HTML Form 유저가 데이터를 입력하기 위한 틀 요청과 함께 서버로 데이터 전송 가능 입력된 정보는 파라미터로 전송된다 request 객체를 이용해서 파라미터 읽고 처리 가능 요청 파라미터 읽..

Web Dev/JSP 2022.10.10

클라우드 컴퓨팅 4강 :: 클라우드 본질적 특성

클라우드 컴퓨팅에서 기억하고 싶은 내용 클라우드 본질적 특성 온디맨드 셀프 서비스(주문형 셀프 서비스) 유저가 전문가 개입없이 필요한 만큼의 리소스를 사용 웹 인터페이스 통해 리소스 확보 광범위 네트워크 액세스(접속 용이성) 언제 어디서든, 어떤 기기에서든 서비스에 접근 가능 클라이언트 - 서버 모델를 가능하게 해준다 클라이언트 - 서버 모델 - Fat 클라이언트: 성능이 있는 클라이언트 - Thin 클라이언트: 간단한 CPU 리소스 풀링(가상화와 분산처리) 리소스를 한 곳에 모아놓고 사용 멀티테넌트 모델 기반 리소스를 소유하지 않고, 사용 후 반환 적은 리소스로 많은 작업 수행 멀티테넌트 모델 - 하나의 서비스를 여러 테넌트가 같이 사용 신속한 탄력성(유연성) 필요한만큼 동적으로 사용 서비스 사용량 측..

클라우드 컴퓨팅 3강 :: 장점/단점, 가상화, 서버리스

클라우드 컴퓨팅에서 기억하고 싶은 내용 클라우드 컴퓨팅 장점 탄력성 온디맨드 방식으로 리소스를 동적으로 할당 가능 하드웨어, 소프트웨어 초기비용 절감 신속성 리소스 할당을 자동화 되어 있다 어디가서 하드웨어 사러 안가도 된다 경제성 하드웨어, 소프트웨어 소유하고 있지 않는다 원하는 시간만큼 사용하고 지불한다 가용성과 신뢰성 리소스 중단 없이 작동할 확률 클라우드 컴퓨팅 도입효과 구축 비용 거의 필요없다 시간 단축 유지보수 감소 인력 문제 해소 핵심역량에 경영 리소스 집중 클러스터링 기술 고속 네트워크를 묶어서 단일 시스템처럼 동작하게 하는 리소스 그룹 이중화와 장애복구 기능 내장 다른 기종의 리소스를 묶어서 사용 가능(Homogeneous) 그리드 컴퓨팅 클러스터링 기술과 매우 비슷하지만 리소스 결합성이..

JSP 4강 :: JSP 처리 과정, 출력 버퍼

JSP에서 기억하고 싶은 내용 JSP 처리 과정 클라이언트가 JSP 페이지를 요청시, 웹 컨테이너가 다음 실행 1. JSP 페이지(.jsp)를 서블릿 자바 프로그램(.java)으로 변환 2. 서블릿 자바 프로그램을 컴파일해서 서블릿 클래스 파일(.class) 생성 3. 서블릿 클래스 파일을 실행해서 클라이언트 요청 처리 4. 이후 요청시 JSP 페이지에 상응하는 서블릿 존재하면 변환과 컴파일 하지 않는다 5. JSP 페이지 수정되면 변환/컴파일 다시한다 출력 버퍼 응답 결과의 임시 저장소 응답 하기전에 먼저 출력 버퍼에 기록한다 기록이 끝나면 버퍼 내용을 클라이언트로 전달 버퍼 사용 이유 전송 횟수 감소 -> 데이터 전송 효율 증가 실행 도중 버퍼 비우고 새로운 내용으로 바꿀 수 있다 에러 생기면 다른 ..

Web Dev/JSP 2022.10.03

JSP 3강 :: JSP 문서 구성요소

JSP에서 기억하고 싶은 내용 JSP 2강은 개발환경세팅으로 패스 JSP 동적으로 웹 컨텐츠를 만들기 위한 기술 서버측 스크립트 언어 HTML 페이지 안에 자바 코드를 포함 서블릿 코드보다 편리한 방법 JSP 문서 템플릿 데이터 응답 결과를 그대로 출력 HTML, XML 형식의 텍스트 JSP 요소 동적 데이터 추가 JSP 태그로 표현되는 프로그래밍적 요소 JAVA 코드로 번역되서 동적 컨테츠 만든다 구성요소 스크립트 요소 지시어 액션 태그 내장 객체 표현언어 JSTL과 사용자 저으이 태그 주석 ... 스크립트 요소 스크립트릿(Scriptlet) Java 코드 조각 표현식 변수나 수식의 값 출력 String으로 반환됨 선언 변수 또는 메서드 선언 지시어 JSP 페이지의 번역과 실행 과정에 사용되는 정보 설..

Web Dev/JSP 2022.10.03

클라우드 컴퓨팅 2강 :: 온프레미스 vs 클라우드 컴퓨팅

클라우드 컴퓨팅에서 기억하고 싶은 내용 온프레미스(On-Premise) 클라우드 컴퓨팅 기술 나오기 전의 인프라 구축 방식 데이터 센터에 하드웨어, 소프트웨어 자체적으로 설비 보유 온프레미스 구축 단계 1. 요구기능수집 2. 설계: 리로스 처리량 추청, 추가 리소스 확보 3. 조달: 리소스별 벤더사 선정 및 협상 4. 구축: 기업내 기술력이 있는 인적 자원이 구축 5. 운영: 관리 및 모니터링 수 개월에서 1년까지도 걸린다 시스템 구축 및 운영 비용 직접 비용(Hard Cost): 장비 구입, 외주 비용 간접 비용(Soft Cost): 장비를 사용하기 위한 교육 비용, 기회 비용 온프레미스 요구량의 부자유 장사가 잘 되서 사용자가 늘어나면 리소스 결핍이 생긴다 결핍을 없애고자 서버를 늘리는데 직접 비용,..

클라우드 컴퓨팅 1강 :: 특징, 프로비저닝, 등장 배경

클라우드 컴퓨팅에서 기억하고 싶은 내용 클라우드 컴퓨팅 특징 클라우드 사업자에 의해 서비스를 렌탈 형태로 사용 확장성과 유연성 컴퓨팅 자원을 확대/축소 가능 즉시성과 가용성 바로 사용할 수 있다 Pay as you go 사용한 만큼 지불 프로비저닝(Provisioning) 클라우드에서 중요한 기술 사용자가 원하는 만큼으로 패키징 하는 기술 패키징 예시) 모니터링, 콘텐츠, 소통, 회계, 신원, 데이터베이스 등 등장 배경 1. 메인프레임: 서버와 클라이언트 한 몸 2. PC 대중화: 클라이언트 서버 분리 3. 그리드 컴퓨팅: 네트워크 대중화 4. 클라우드 컴퓨팅: 유틸리티 컴퓨팅 대중화 서버의 유후 리소스 기존의 서버에 노는 리소스가 많았다 이 리소스를 공유해서 사용률을 높이는 클라우드 컴퓨팅 하드웨어, ..

JSP 1강 :: 웹 앱 구성요소, JSP, 서블릿, CGI vs WAS

JSP에서 기억하고 싶은 내용 웹 웹 브라우저를 이용해서 하이퍼텍스트를 볼 수 있다 HTML로 표현되고 HTTP 프로토콜을 사용해서 전송된다 정적 vs 동적 문서 정적 웹 문서 서버가 동일한 문서를 전달해주는 것 동적 웹문서 문서안에 프로그래밍적인 요소가 있다 JSP 서버측 동적 웹문서를 작성한다 웹 어플리케이션 구성요소 1. 웹브라우저 : 웹 서버에 요청하고 결과 출력 2. 웹 서버 : 요청을 처리하고 결과를 클라이언트에 보낸다 3. 웹 어플리케이션 서버(WAS) : 동적인 프로그래밍을 처리하는 서버 : JSP 프로그램 실행하고 결과를 웹 서버로 전달 4. 데이터베이스 : 데이터 저장 컴파일 | 비컴파일 방식 컴파일 방식 컴파일을 해서 실행 파일이나, 바이트 코드가 만들어져 사용된다 Java 서블릿, ..

Web Dev/JSP 2022.09.28

개발항해일지 22년/8월/1주 :: 앤트디자인, 이메일 템플릿, 3D 맵 생성

일지 2022년 8월 1주차 앤트 디자인 Select 커스터마이징 현재 프로젝트에 앤트 디자인(Ant Design)이 적용되어 있어 수정/추가를 하려면 사용법을 알아야한다. 이런 저런 디자인이 대응되어 있는 리액트 컴포넌트 라이브러리지만, 요구사항이 그 한계를 넘는 것들이 있다. 예를 들면 Antd의 Select 컴포넌트 border-radius를 바꾸는 것 이 예시와 함께 조금의 설명을 섞어서 포스트 작성했다! https://forgottenknowledge.tistory.com/entry/Ant-Design-Select-컴포넌트-커스터마이징-feat-emotion Ant Design :: Select 컴포넌트 커스터마이징 feat. emotion 앤트 디자인(Ant Design) 사용하며 배운 점 A..

JavaSciprt로 3D 게임을 만들어보자 :: 맵 구성 (2/?)

JavaScript로 간단한 3D 게임을 만들며 배운 점 저번 포스트에서 기획을 위주로 알아봤고, 이번주에는 참고자료를 보며 주요 기능을 파악하고 구현을 해봤습니다. 주요 내용 3D 게임을 만들기 위한 필요한 내용 다음과 같이 추려봤습니다. 1. 맵과 캐릭터 그리기 2. 키보드 이벤트(이동, 점프) 3. 충돌 이벤트(벽, 코인) 3D 렌더링 세팅 3D 렌더링 세팅 완성본 👇 맵을 만들기 전에 3D를 렌더링 할 화면을 구성합니다. HTML로 구조 구성 index.html viewport 3D 렌더링을 감싸주는 TV같은 녀석 camera 상하좌우 카메라 위치 scene 3D 렌더링이 될 장소 floor 렌더링 될 맵, 히어로의 시작 장소 CSS로 3D 변환 3D를 만들어 주는 부분은 CSS가 담당합니다. 그..

728x90