Web programming30

• 

  인증(Authentication)과 인가(Authorization) 그리고 서비스 규모에 따른 인증인가 변천사 인증이란 무엇인가인증은 사용자가 누구인지 확인하는 과정입니다.로그인을 예로 들면, 사용자가 입력한 아이디와 비밀번호가 데이터베이스에 저장된 값과 일치하는지 확인하는 과정이 바로 인증입니다.예를 들어 출입증을 받는 상황을 생각해보시면 이해가 쉽습니다. 출입증을 통해 해당 인물이 실제 구성원인지 입증하는 것이 곧 인증입니다. 인증 처리가 되지 않으면 서버는 클라이언트에게 401 에러를 응답할 수 있습니다. 401 에러는 "권한 없음(Unauthorized)"을 의미하는 HTTP 상태 코드로, 사용자가 요청한 리소스에 접근하기 위한 유효한 인증 정보(로그인 정보 등)가 부족하기 때문에 발생합니다. 이 에러를 해결하려면 로그인 정보를 다시 확인하고 올바르게 입력하거나, 브라우저 캐시를 삭제하거나, 사이트 관리.. Web programming 2025. 8. 27.

• 

  아파치 vs 엔진엑스 개요리버스 프록시 서버를 구축하면서 널리 쓰이는 웹서버로 Apache HTTP Server, Nginx 가 널리 쓰이지만, 현대에 와서는 Nginx 의 시장 점유율이 Apache HTTP Server 를 뛰어 넘어서 시장 점유율이 더 높은 Nginx 를 사용했다. Nginx 는 어떻게 Apache HTTP Server 의 점유율을 뛰어 넘게 됐고, 둘의 차이점은 무엇일까 학습해 보았다. Apache HTTP Server Apache HTTP Server(이하 아파치 서버)는 1995년 만들어졌는데, 아파치 서버의 내부 동작을 보면 요청이 들어 오면 커넥션을 형성하기 위해 프로세스를 새로 생성했다.프로세스을 생성하는 것이 시간이 많이 걸리는 작업이니 요청이 들어오기 전에 프로세스를 미리 만들어 두는 pre.. Web programming 2024. 3. 29.

• 

  NGINX 리버스 프록시 서버 설정 트러블 슈팅 개요앞선 프로젝트처럼, 이번 프로젝트에서도 프론트엔드 팀이 Vercel 에 배포를 하였습니다. 배포된 Vercel 페이지에서는 HTTPS 통신을 사용해야 하고, 요청을 보안 처리 해줘야 하기 때문에, HTTPS 통신으로 API 요청을 받을 수 있어야 했습니다.백엔드 API 서버에 직접 HTTPS 통신에 관한 설정할 수 있지만, 그렇게 하지 않고 SSL Termination 이라는 방식을 사용했습니다. 오프로딩(Offloading)은 시스템의 특정 작업이나 처리를 다른 시스템, 장치 또는 프로세스로 이전하여 메인 시스템의 부하를 줄이고 성능을 향상시키는 기술입니다. 백엔드 서버의 공통된 앞단의 한 곳에서 SSL 관련 처리를  모두 진행하는 것입니다. SSL Termination은 SSL Offloading.. Web programming 2024. 2. 27.

• 

  SSL Termination 을 위해 NginX 로 리버스 프록시 서버 구축하기 개요앞선 프로젝트에서 Active Mixed Content 에러를 해결하기 위해서 백엔드 서버에 HTTPS 통신이 가능해야 했습니다. 이를 해결하기 위해 SSL Termination 방식을 사용하였고, SSL Termination 처리하는 방법으로는 2가지가 대표적이라는 걸 말씀드렸습니다. 그중 전 프로젝트에서는 로드밸런서를 활용하여 이를 해결했습니다. 1. 리버스 프록시 서버 활용 : 아파치 혹은 NGINX 를 구동시켜 리버스 프록시 서버를 만들어  백엔드 서버에 요청이 오면 먼저 리버스 프록시 서버에서 처리하게 된다. 리버스 프록시 서버에는 Let's Encrypt 같은 TLS/SSL 인증서를 쉽게 가져오고 설치할 수 있는 CA(인증 기관)에서 제공하는 인증서를 설정하여 SSL Termination을.. Web programming 2024. 2. 20.

• 

  CORS 에러 개념과 해결법 (Spring MVC, Spring Security) 열심히 만든 프로젝트를 EC2에 띄워 서버를 활성화 시키고 프론트 엔드의 로컬에서 테스트를 해보려 했는데, 띠용?! 페이지에 데이터는 보이지 않고, 개발자 도구를 켜면 빨간 에러들만 가득했습니다.  NBA에 첫 발길을 내딛는 신인 선수를 환영해주며 눈을 감고 자유투를 성공시키며 "Welcome to NBA"를 외치는 마이클 조던 마냥, CORS 에러는 웹개발을 하는 개발자들에게 웹개발 세계를 환영해주며 겪게되는 통과의례 같은 녀석입니다.프로젝트때도 CORS에러로 엄청 고생을 하여 까먹지 않게 공부와 기록을 하려합니다.  🤔 CORS 란?CORS 란  Cross-Origin Resource Sharing 이라는 뜻입니다. 이 문장을 직역하면 "교차 출처 리소스 공유 정책"이라고 해석할 수 있는데, 여기서.. Web programming 2023. 12. 20.

• 

  Web programming : RESTful URL 설계 규칙 URI(Uniform Resource Identifier)와 URL(Uniform Resource Locator) URI는 네트워크 상에 있는 특정 리소스를 식별하는 통합 자원 식별자(Uniform Resource Identifier)를 의미한다. URL은 인터넷에 있는 리소스를 나타내는 통합 리소스 식별자를 의미하며, 우리가 흔히들 이야기하는 웹 상의 주소를 의미한다. URI는 URL의 상위 개념으로 볼 수 있다. URI는 리소스를 식별하는 식별자 역할을 하고, URL은 식별자 역할중에서도 리소스의 위치를 가리킨다. 예) http://www.restapi.example.com/member/1 는 리소스의 위치를 가리키는 URL이라고 할 수 있다. 예) URI 의 예시로는 도서를 식별하는 국제표준도서번호.. Web programming 2023. 12. 13.

• 

  Web programming : RESTful API 란 RESTful API란 무엇인가요? RESTful API는 두 컴퓨터 시스템이 인터넷을 통해 정보를 안전하게 교환하기 위해 사용하는 인터페이스입니다. 대부분의 비즈니스 애플리케이션은 다양한 태스크를 수행하기 위해 다른 내부 애플리케이션 및 서드 파티 애플리케이션과 통신해야 합니다. 예를 들어 월간 급여 명세서를 생성하려면 인보이스 발행을 자동화하고 내부의 근무 시간 기록 애플리케이션과 통신하기 위해 내부 계정 시스템이 데이터를 고객의 뱅킹 시스템과 공유해야 합니다. RESTful API는 안전하고 신뢰할 수 있으며 효율적인 소프트웨어 통신 표준을 따르므로 이러한 정보 교환을 지원합니다. 출처 : https://aws.amazon.com/ko/what-is/restful-api/ REST의 구성요소 ⭐ R.. Web programming 2023. 12. 12.

• 

  WAS (Web Application Server)와 WS (Web Server)의 차이 WAS(Web Application Server)와 WS (Web Server)는 웹 애플리케이션을 제공하는 데 사용되는 두 가지 주요 컴포넌트다. 이 둘은 기능과 역할이 다르며, 종종 서로 보완적으로 사용된다.Web Server (WS)정의웹 서버는 정적인 콘텐츠(HTML, CSS, JavaScript, 이미지 등)를 클라이언트(브라우저)에 제공하는 서버다. HTTP 요청을 처리하고 정적 파일을 반환하는 역할을 주로 수행한다.주요 기능정적 콘텐츠 제공 : HTML, CSS, JavaScript, 이미지 파일 등과 같은 정적 파일을 클라이언트에 제공.HTTP 요청 처리 : HTTP/HTTPS 프로토콜을 통해 클라이언트의 요청을 받아서 응답.부하 분산 : 여러 서버에 요청을 분산시켜 서버의 부하를 줄임.S.. Web programming 2023. 10. 24.

• 

  (23.01.27)이클립스에서 작성한 프로젝트를 운영서버에 배포하기 , 이클립스 리액트 연동하기 (Eclipse - React) 이클립스에서 작성한 프로젝트를 운영서버에 배포하기 Eclipse는 개발 환경, 개발 후 실행 환경에 배포하는 절차가 요구됨 실행 환경: Tomcat 있는 경우 Tomcat 없는 경우 JAR 파일로 패키징 : Web App 아닌경우 ( ex. ojdbc 등등), Tomcat 이 내장된 Web App 인 경우 java -jar myproject.jar application.properties에서 war를 jar로 바꿔주기 WAR 파일로 패키징 : Web Application Archives, Tomcat의 webapps/안에 복사 예시를 보기 위한 프로젝트를 생성하기 application.properties 설정 테스트용 컨트롤러 만들기 컨트롤이 잘 작동하는지 테스트 clean 해주기 install 해주기 .. Web programming 2023. 1. 28.

• 

  (22.12.12)MVC 방식 개발방법론2 - SQL연동하여 관리자 사이트 만들기 ●●관리자 사이트 만들기●● 이용자가 문제를 푼 결과를 받아 채점을 하고 다음 학습을 할 수 있게 해준다. 이용자의 학습 히스토리를 받아서 보게 된다. M : AdminVO.java , UserVO.java , HwStatusVO.java , AdminLmsDAO.java V : adminList.jsp , adminDetail.jsp , AdminLoginForm.jsp , userDetail.jsp C : AdminLmsServlet.java Service Class : AdminLmsService.java AdminLmsServlet.java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 import java.io.IOExcep.. Web programming 2022. 12. 12.

• 

  (22.12.11)Web 프로그래밍 : 웹페이지 헤더 만들기 (include file 이용하기) ●●웹페이지 헤더 만들기●● ●●전체 코드●● 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 1분 댄스학습하기 var uid=''; $(function(){ if(uid=='null'){.. Web programming 2022. 12. 11.

• 

  (22.12.10)CSS: A 태그 속성 (link, visited, hover, active), HTML 테이블 마우스오버 이벤트 CSS: A 태그 속성 (link, visited, hover, active) a:link : 방문 전 링크 상태이다. a:visited : 방문 후 링크 상태이다. a:hover : 마우스 오버 했을 때 링크 상태이다. a:active : 클릭 했을 때 링크 상태이다. 예시 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 a:link{ text-decoration:none; color: black;} a:visited{ text-decoration:none; color: black;} a:hover{ text-decoration:none; color: white;} a:active{ text-decoration:non.. Web programming 2022. 12. 11.