JiYoung Dev 🖥

🎈 디자인 패턴(Design Pattern) 의사소통 수단의 일종 소프트웨어 공학의 소프트웨어 디자인에서 특정 문맥에서 공통적으로 발생하는 문제에 대해 재사용 가능한 해결책 소스나 기계 코드로 바로 전환될 수 있는 완성된 디자인은 아니며 다른 상황에 맞게 사용될 수 있는 문제들을 해결하는데에 쓰이는 템플릿 프로그래머가 어플리케이션이나 시스템을 디자인할 때 공통된 문제들을 해결하는데에 쓰이는 형식화된 관행 🎈 웹 디자인 패턴 코드의 재사용과 유지보수의 편리성을 위해서 정해진 약속대로 구조를 디자인 하는 것 Spring 프레임워크에서는 MVC 패턴이 기본 🎈 MVC패턴 📖 웹 MVC 패턴 2가지 ⚙️ Model1 view, controller 모두 jsp에서 작성 ⚙️ Model2 view는 jsp (htm..

🎈 JSP 내장객체 - HttpServletResponse 📖 sendRedirect() 브라우저(클라이언트) 주소창에 작성된 경로 >> 브라우저(클라이언트)가 그 경로에 직접 요청을 했다! 라는 의미 우리는 Ex03redirect로 요청함 최종 주소창에는 Ex03createInput.html이 뜸 즉, 최종적으로 브라우저(클라이언트)가 Ex03createInput.html에 요청!! ⚙️ sendRedirect의 프로세스 서버는 어디로 요청해야하는지 경로를 응답 클라이언트는 응답받은 경로로 요청 요청과 응답이 2번씩 일어남!✨✨ 요청은 request객체를 가지고 사용 가능 1번에서 사용한 request객체와 3번에서 사용한 request객체는 이름만 같을 뿐 서로 다른 객체임 이 둘은 서로 값(데이터)..

Session 🎈 세션(Session) 클라이언트는 세션을 통해 사용자의 정보가 아닌 세션 아이디를 보유하고 있음. 사용자 정보는 서버가 가지고 있음. (브라우저가 종료되기 전까지) - 세션 아이디 : 서버가 클라이언트에게 임의적으로 발급하는 아이디. 모든 클라이언트마다 다 다르게 발급함 쿠키는 클라이언트가 정보를 가지고 있음 사용자의 정보는 서버에서 저장, 클라이언트는 세션 아이디만 가지고 있게됨 세션을 사용하면 사용자의 정보는 서버상에서만 저장되므로 쿠키에 비해 보안상 좋을 것 같지만, 세션 아이디는 클라이언트 하나만을 식별하는 값으로 사용자 정보가 될 수 있음. 세션아이디가 넘겨지는 과정을 보다가 공격을 할 수 도 있음 완전하게 보안상으로 좋다고 할 수는 없다. 쿠키보다는 좋을 수 있음 📖 세션 사..

Scope (영역) 변수가 유효성을 갖는 영역! 📖 Scope 종류 ⚙ Page Scope - 값 저장 : setAttribute - 값 가져오기 : getAttribute 자바 변수와 다른점 : EL 표기법을 사용할 수 있다! > el(express language)표기법으로 사용 가능 // : 자바 변수로 선언된 값은 사용 불가능 //setAttribute(name(String),value(Object)) pageContext.setAttribute("nickname", "풀스택"); String nick = (String)pageContext.getAttribute("nickname"); %> ${nickname} ${nick} ${pageScope.nickname } 2로 이동 ⚙ Request ..

🎈 선언문(Declaration) 선언문 내 작성한 변수 - 위치는 클래스 바로 밑에 (전역변수) 스크립트릿 내 작성한 변수 - service 메서드 안으로 들어감 (지역변수) 🎈 지시자(Directive) 📖 Page 지시자 불가능한걸 컴퓨터에게 시키면? ERROR 발생 오류 발생시 특정 페이지 연결되도록! 현재페이지 errorPage="오류발생시 보여줄 페이지" 오류 발생시 보여줄 페이지 isErrorPage="true" 서버 오류를 점검중입니다 📖 Include 지시자 메인페이지 서브 페이지로 이동 📖 Taglib 지시자 라이브러리 다운로드 다이나믹 웹프로젝트에서 라이브러리 사용할 때 WEB-INF > lib 폴더 내에 삽입 > 보안상 중요한 것은 쓰면 안됨! 자바 파일로 변환됐을 때까지 확인 가능..

terminal 명령어 npm : 이미 설치가 되어있을 아이를 사용할 때 (ex. terminal start) npx : 설치가 되어있지않는 것을 사용할 때 (ex. npx create-react-app project02) 종료 : ctrl + C ⚙ project 폴더 구성 node_modules : 필요한 장치들 public : 정적인 파일 / 이미지, html, json, text 등 src : js, css 등 동적으로 동적하기 위해 필요한 친구들 🎈 컴포넌트 리액트는 화면에서 UI 요소를 구분할 때 '컴포넌트'라는 단위를 사용함 커다란 단위, 개발자가 커스텀할 수 있는 최소 단위 (기능별 혹은 페이지별로 만드는 경우가 많음) 내가 원하는 태그들을 모아서 하나의 단위로 만들어준다. react 문법..

🎈 리액트란? 자바스크립트 라이브러리 중 하나 프레임워크적인 성격을 띄고 있음 🎈 리액트를 사용하는 이유 자바스크립트만으로는 부족하니까! 📖 자바스크립트의 단점 1. HTML과 JS가 가진 분리감 - JS에서 HTML에 접근하기 위해서는 document. 으로 접근해야 함 > 관련있는 HTML, JS 문서들을 JSX로 합쳐줌! 2. 직관적이지만 너무 긴 자바스크립트 문법 3. 새 페이지를 들어갈 때마다 새로고침 - 사용자가 피로도를 느끼게 됨 > 새로운 페이지나 메뉴를 들어갈떄 새로고침이 되지 않아 사용자의 피로도를 줄여줌 : Single Page Application(SPA) 🎈 라이브러리 vs 프레임워크 개발을 도와주는 역할이지만 개발의 주체가 다름 📖 라이브러리 개발의 주체는 나! 기능만 가져다 사..

🎈 JSP(JavaServer Pages) 개요 📖 JSP란? HTML 코드에 JAVA 코드를 넣어 동적 웹페이지를 생성하는 웹어플리케이션 도구 Java 언어를 기반으로 하는 Server Side 스크립트 언어 언어의 종류 컴파일 언어 - ex. Java - 번역의 느낌 - 코드를 한번에 해석해서 나중에는 실행만 - 해석은 오래걸리지만 실행은 빠르다 인터프리터 언어(Python)통역 - 한 줄씩 해석하고 실행하나의 프로그램을 만드는 데 사용스크립트 언어(JavaScript, JSP)인터프리터 언어에 속함한 줄씩 해석하고 실행만들어진 프로그램을 제어할 때 사용 📖 JSP가 필요한 이유 ⚙ Servlet의 특징 한 클래스 내에 Business Logic과 Presentation Logic이 같이 작성됨 (B..

Quiz. 이상한 점 찾아보기 주소창에 패스워드가 노출됨 원인 : get 메서드 방식을 사용했기 때문. get 메서드 방식은 사용자가 입력한 값이 주소창에 노출됨 🎈 HTTP 요청 메서드 웹 클라이언트(브라우저)가 웹 서버에 요청하는 서비스 처리 방식 지정 위의 요청 메서드 예시는 약속의 느낌으로 꼭 위의 것을 꼭 따라야하는 것은 아니지만 개발자들 간의 규칙과 같음 기능들이 특정 요청에 한정되어 있진 않지만 무엇을 요청하는지 알기 쉽게 하기위해 위와 같이 구분하여 사용함 읽어보기! REST API 제대로 알고 사용하기 : NHN Cloud Meetup REST API 제대로 알고 사용하기 meetup.nhncloud.com 📖 GET ⚙ URI / URL 패킷(packet) 네트워크를 통해 전송하기 쉽도..

🎈 request와 response 🎈 데이터 전송 request : 사용자가 입력한 값을 어떻게 보낼것인가가 중요 action 어디로 요청할건지 method 요청 방식 (foam 태그는 get / post 만 사용 가능, default 는 get으로 생략 가능) name input 태그들의 명칭, 각각의 값을 구변할 수 있도록 지정해주는 이름 (이름이 없으면 태그를 구별할 수 없음) submit 제출 > 버튼 누르는 순간 action의 경로로 요청 🎈 request.getParameter() package com.smhrd.servlet; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletExceptio..