PRG(POST-Redirect-GET) 패턴

💡 PRG 패턴이란? 웹 MVC 구조에서 흔하게 사용하는 패턴으로, HTTP POST 요청에 대한 응답이 또 다른 URL로의 GET 요청을 위한 Redirect여야 한다는 것을 의미한다. 다시 말해, POST 방식으로 온 요청에 대해서 GET 방식의 웹페이지로 Redirect 시키는 패턴을 말한다. 💡 PRG 패턴을 사용하지 않으면 발생하는 문제점 새로고침으로 인한 동일한 요청이 연속적으로 보내지는 이슈가 발생한다. 만약 이 이슈가 중요하지 않은 로직이 있는 부분이라면 상관없겠지만 결제 같은 중요한 로직에서는 중복 결제가 일어나는 문제가 발생한다. POST 요청은 URL을 복사하더라도 다른 사람과 공유할 수 없다. POST 요청을 보내게 되면 Parameter 값들이 URL에 남겨있지 않기에 특정 Par..

서블릿(Servlet)과 JSP(Java Server Pages)의 개념 및 차이

Servlet과 JSP는 Java EE의 여러 기술 중 하나이다. Java EE(Enterprise Edition)란? 기업에서 사용하는 프로그램을 만드는 데 적합한 자바 개발 버전을 의미하며, Java EE의 스펙에는 Servlet, JSP, EJB(Enterprise Java Beans) 등이 있다. 참고 : https://doozi316.github.io/java/2020/07/01/WEB20/ 1. Servlet 서블릿은 서버에서 웹페이지 등을 동적으로 생성하거나 데이터 처리를 수행하기 위해 자바로 작성된 프로그램이다. 즉, 서버에서 동적으로 요청과 응답을 처리할 수 있는 API들이라고 할 수 있다. 가장 큰 특징은 Java 코드 안에 HTML 태그가 삽입되며, 자바 언어로 되어있다는 것이다. 예..

HTTP와 HTTPS

브라우저의 요청과 서버의 응답 사이의 데이터 교환 규약을 '프로토콜(protocol)'이라고 합니다. 웹에서는 HTTP(Hyper Text Transfer Protocol), HTTPS의 방식으로 데이터를 주고받습니다. (HTTPS는 HTTP의 보안 강화 버전입니다.) 프로토콜에 대해 자세히 알고 싶다면? 프로토콜 정의, 기본 요소, 종류, 기능 📌 프로토콜이란? 프로토콜(Protocol)은 컴퓨터나 네트워크 장비가 서로 통신하기 위해 미리 정해 놓은 약속 또는 규약을 말한다. 🌟 프로토콜의 기본 요소 구문(Syntax) : 전송하고자 하는 데이터 easyhomputer.tistory.com 📌 HTTP(Hyper Text Transfer Protocol) HTTP(Hyper Text Transfer P..

브라우저와 서버의 관계 - 요청과 응답, GET/POST 방식, 정적/동적 데이터

📌 Request(요청)와 Reponse(응답) 브라우저와 서버는 요청과 응답이라는 동작으로 서로 데이터를 주고 받는 관계입니다. Request : 브라우저에서 서버에게 특정한 방식으로 데이터를 요구하는 것. Reponse : 서버가 데이터를 만들어서 브라우저에게 보내는 것. 📌 GET/POST 방식 주로 브라우저는 GET/POST 방식을 이용하여 Request(요청)합니다. GET 방식 : 주소창에 직접 원하는 데이터를 적거나 링크를 클릭해서 호출 원하는 웹의 주소를 호출할 때 필요한 데이터를 "?"와 "&,="를 이용해서 같이 전송하는 방식을 말합니다. 주소와 데이터를 한 번에 같이 보내므로 단순 링크로 처리됩니다. 다시 말해, 주소 안에 데이터가 포함되어 있다는 의미입니다. GET방식은 주로 특정한..

JWT(JSON Web Token)

JWT(JSON Web Token)란 인증에 필요한 정보들을 암호화시킨 JSON 토큰이다. JWT 토큰(Access Token)을 HTTP 헤더에 실어 서버가 클라이언트를 식별하는 방식으로 인증한다. JWT는 JSON 데이터를 Base64 URL-safe Encode 를 통해 인코딩하여 직렬화한 것이며, 토큰 내부에는 위변조 방지를 위해 개인키를 통한 전자서명도 들어있다. 따라서 사용자가 JWT 를 서버로 전송하면 서버는 서명을 검증하는 과정을 거치게 되며 검증이 완료되면 요청한 응답을 돌려준다. ❔ Base64 URL-safe Encode 일반적인 Base64 Encode 에서 URL 에서 오류없이 사용하도록 '+', '/' 를 각각 '-', '_' 로 표현한 것이다. 💡 JWT의 구조 JWT는 . 을..

클라이언트 인증 방식 - Cookie, Session, Token

서버가 클라이언트 인증을 확인하는 방식은 대표적으로 쿠키, 세션, 토큰 3가지 방식이 있다. 📌 Cookie 쿠키는 Key-Value 형식의 문자열 덩어리로, 클라이언트가 어떠한 웹사이트를 방문할 경우, 그 사이트가 사용하고 있는 서버를 통해 클라이언트의 브라우저에 설치되는 작은 기록 정보 파일이다. 서버가 클라이언트에게 저장하고자 하는 정보를 응답 헤더(Cookie)에 저장하여 전달한다. 각 사용자마다의 브라우저에 정보를 저장하여 고유 정보 식별이 가능하다. 💡 인증 방식 브라우저(클라이언트)가 서버에 요청(접속)을 보낸다. 서버는 클라이언트의 요청에 대한 응답을 작성할 때, 클라이언트 측에 저장하고 싶은 정보를 응답 헤더의 Set-Cookie에 담는다. 이후 해당 클라이언트는 요청을 보낼 때마다, 매..

CI/CD란?

📌 CI/CD란?매번 개발자가 코드를 수정하고 빌드와 테스트를 하고 배포까지 한다면 상당히 많은 시간이 소요될 것이다. 그러나 git에 코드를 올리는 것만으로도 빌드와 테스트, 배포까지 해준다면, 쓸데없는 시간을 단축시키고 개발에 더 많은 시간을 투자할 수 있을 것이다. 이를 위해 고안된 방법이 CI/CD이다.CI/CD 서비스는 애플리케이션 구축, 테스트 및 배포에 자동화를 적용하여 개발 및 운영 활동과 팀 간의 격차를 해소한다. 개발자가 만든 코드 변경 사항을 컴파일한 다음 이를 소프트웨어 결과물에 연결하고 패키징하고, 자동화된 테스트를 통해 소프트웨어 기능을 확인하여 자동화된 배포 서비스로 이를 최종 사용자에게 제공한다.목표는 조기 결함 발견을 높이고 생산성을 높이며 더 빠른 릴리스 주기를 제공하는..

비트나미(Bitnami) WAMP 설치하기

📌 Bitnami(비트나미)란? 비트나미(Bitnami)는 가상 어플라이언스 및 웹 애플리케이션, 개발 스택용 소프트웨어 패키지 및 설치 라이브러리이다. WAMP(Windows/Apache/MySQL/PHP) : 윈도우 환경에서 아파치(Server), MySQL(DB), PHP(서버사이드)와 같은 웹 개발환경을 통합적으로 구축해주는 프로그램 MAMP(Mac/Apache/MySQL/PHP) : 맥 환경에서 아파치(Server), MySQL(DB), PHP(서버사이드)와 같은 웹 개발환경을 통합적으로 구축해주는 프로그램 📌 Bitnami(비트나미) 설치하기 > bitnami.com/stack/wamp/installer Infrastructure Bitnami Application Catalog Develop..

리눅스 기초, CLI와 GUI 🐧

📌 Linux 🌟 주요 명령어 pwd(print working directory) : 현재 작업중인 디렉토리 정보 출력 cd(change directory) : 경로 이동 ls(list segments) : 디렉토리 목록 확인 mkdir(make directory) : 디렉토리 생성 rm(remove) : 파일이나 디렉토리 삭제 이외에도 touch(최근 수정 일자 변경), cat, head, tail, find 등 매우 다양하다. 자주 쓰이는 건 외워지겠지만 나머지는 필요할 때마다 찾아쓰도록 하자. 각 명령어마다 여러 옵션이 존재한다. 이것도 필요할 때마다 찾아쓰자. 리눅스 명령어 모음 BEST 50 초보자 및 전문가용 - 도라가이드 🌟 디렉토리 구조 구분자 ‘/’(슬래시) 역트리 구조 리눅스 파일시스템..

Web Server와 WAS ✍

📌 Web Server 🌟 정의 클라이언트(사용자)가 웹 브라우저에서 보내는 HTTP 요청을 받아 정적 컨텐츠를 제공하는 서버. 🌟 기능 웹 문서들을 HTTP 규약에 따라 웹 클라이언트와 주고 받으며 통신. HTML, CSS, JavaScript, 이미지, 파일 등 즉시 응답가능한 정적 컨텐츠 제공. 동적 컨텐츠 요청 시 WAS에게 해당 요청을 넘겨주고, WAS에서 처리한 결과를 클라이언트에게 전달. 🌟 종류 Apache IIS nginx 📌 WAS (Web Application Server) 🌟 정의 웹 서버와 웹 컨테이너가 합쳐진 형태로, 웹 서버 단독으로는 처리할 수 없는 동적 서버 컨텐츠를 수행하는 서버. 주로 DB 서버와 같이 수행. HTTP를 통해 컴퓨터나 장치에 애플리케이션을 수행해주는 미들..