목록전체 글 (376)
개발자입니다
IT BANK) JSP 10일차 - JSP(쿠키)
220920 ■ 쿠키 : 웹 브라우저가 보관하고 있는 데이터 웹 서버와 웹 브라우저에서 모두 쿠키를 생성할 수 있다. 웹 서버가 쿠키를 생성해서 웹 브라우저에게 전달하고, 웹 브라우저는 서버에게 쿠키를 전달할 수 있다. 1. 클라이언트에서 서버로 페이지를 요청 2. 서버에서 쿠키를 생성한 후 클라이언트의 요청에 대한 응답으로 쿠키를 함께 담아서 전달한다. 3. 클라이언트는 서버가 준 쿠키를 저장한다. vs 세션은 저장하지 않는다. 세션의 정보는 서버에만 저장한다. 4. 클라이언트는 서버에 요청을 보낼 때 마다 쿠키를 함께 전송한다. 5. 서버는 클라이언트가 보내준 쿠키를 확인하여 페이지 관리를 할 수 있다. -쿠키 생성 Cookie cookie = new Cookie("CookieName", "Cooki..
IT BANK) JSP 9일차 - JSP(form, result, 응답)
220919 -설문 조사 코드 작성 researchForm.jsp, researchResult.jsp researchForm 이름 : 자기 소개 연령 조사 10대 20대 30대 40대 취미 조사 독서 춤추기 멍때리기 researchResult 설문 조사 결과 이름 : 소개 : 나이 : 취미 : -BMI 구하기 코드 작성 bmiForm.jsp, bmiResult.jsp 사용자로부터 이름, 키, 체중 값을 입력 받아 비만도를 구하고 결과를 출력 할 때 비만도 값 100을 기준으로 100 미만이면 저체중, 100 이상 110 미만은 정상, 110 이상 120 미만 과체중, 120 이상 130 미만 비만, 130 이상은 고도비만으로 출력 하시오. 비만도 계산 식 : 비만도(%) = 현재 체중 / 표준 체중 * ..
IT BANK) JSP 8일차 - JSP(내장 객체)
220916 ■ 내장 객체 : Request request = new Request(); 로 객체 생성해서 사용하지 않고 JSP에서 제공해주는 객체 네이버 로그인 후 여러 페이지로 이동해도 로그인 값 유지 해야하면 session에 로그인 값 저장 사용빈도 request, session이 높음 -내장 객체 종류 : 많이 사용하나 다 외우기보다 이런게 있다는걸 알고 필요할때 검색해서 사용한다. jspExam에서 신규 폴더 implicit 생성 후 진행 -웹 브라우저 - 요청 헤더에서 정보 가져오기 ex1 웹 컨텍스트 패스 : 요청 방식 : 요청 URL : 요청 URI : 요청한 서버 이름 : 요청 프로토콜 : -method 전달 방식별 차이(method="get" vs "post") 태그에 담아서 jsp 파..
IT BANK) JSP 7일차 - JSP(태그 종류, 기초)
220915 ■ JSP back-end는 front-end를 어느 정도는 알고 있음 front-end는 back-end를 몰라도 가능함 Oracle database가 죽었다고 하나 아직 점유율 1위 Database 언어간 기초 문법은 거의 똑같다. JSP 알고난 후 DB 알아야 한다. 학습 순서: 사용자 → Front-end → Back-end → DB -JSP 실습 준비 Dynamic web project 생성 : jspExam - server에 add ■ JSP 태그 종류 : JSP 주석 : scriptlet(스크립트릿) : 자바의 코드를 작성하는 영역(메서드 안에 작성하는 영역). 내부에 메서드 생성 불가. 메서드 안에서만 사용하는 효과를 얻기 위해 사용. jsp가 끝나면 변수 초기화 : Decla..
IT BANK) JSP 6일차 - Javascript, 코드 분리
220914 -클릭시 경고 창 발생 : alert('메시지') 확인/취소 창 발생 : confirm('메시지') 클릭 -새 창 열기(주로 팝업 창에 많이 씀) : window.open('주소') _blank : 새 창에서 열기 _self : 현재 창에서 열기 새창 열기 -웹 페이지 열릴때 실행 ex14-1 -창 닫기 : window.close() ex14-2 공 지 사 항 21화~ 감사드립니다 하루 동안 닫기 -아이디, 비번 입력 *javascript 코드는 웹 브라우저가 실행함. 곧 사용자 컴퓨터 자원만 사용함. 그래서 계속 클릭하므로써 발생하는 서버 부하를 방지함 → Client Computer (O) → Server Computer (X) *키보드 값 입력되어 있으면 함수 호출 : onkeyup="..
Inflearn Egoing) 섹션 5. 레이아웃 활용 - FLEX, Holy Grail Layout, 미디어쿼리, Multi column
■ FLEX layout의 코드 표현 방법 변화: table → position → float → flex ■ flex 기본 item을 담는 container에 적용하는 속성이 있고 item에 적용하는 속성이 있다. flex 미적용 1 2 3 4 5 flex 적용 : 행 방향 왼쪽부터 쌓음 .container{ display: flex /* 추가 */ } flex-direction: row-reverse 적용(기본 값: row). 행 방향 오른쪽부터 쌓음 .container{ flex-direction: row-reverse; /* 추가 */ } flex-direction: column 적용. 열 방향 위부터 쌓음 .container{ flex-direction: column; /* 변경 */ } fle..