본문 바로가기

WEB6

HTTP vs WebSocket 차이점 HTTP vs WebSocket 차이점 오늘은 HTTP와 WebSocket의 차이점에 대해서 정리해보고자 합니다. 앞으로 진행할 파이널 프로젝트에 채팅 기능을 넣어보고자 공부를 진행함에 있어서 평소에도 사용하고 들어 봤던 용어임에도 정확히 개념 파악도 안 된 상태에서 써왔던 것에 대해서 굉장히 불편한 마음을 느꼈습니다. 이번 기회를 통해서 확실히 알아보겠습니다. 우선 HTTP 와 WebSocket에 대해서 간략하게 그림을 통해서 살펴보겠습니다. 첫 번째로 HTTP(HyperText Transfer Protocol) 에 대해서 알아보겠습니다. 이는 Front, Backend를 공부했다면 지겹게 들어봤을 개념이다. 클라이언트인 웹브라우저와 웹 서버가 서로 간 소통하기 위한 프로토콜이다. 예를 들어 클라이언트.. 2021. 11. 29.
[ Spring ] IOC 수업 정리 - (2) [ Spring ] IOC 수업 정리 - (2) 본 글은 KOSTA에서 교육을 들으면서 배웠던 내용을 복습해보고자 블로그에 올리는 글입니다. 지난 수업 정리 - (1)에 이어서 조금 다른 예제로 IOC에 대한 필요성과 이해를 느껴 보고자 합니다. 추가로 DI에 대해서 맛보기로 예제를 살펴보겠습니다. 우선 IOC를 사용하지 않는 방식에 대해서 먼저 살펴보겠습니다. 1. 기존 제어방식 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 package model; class AsianaTicketService { public void asianaTicketing() { System.out.println("아시아나 티케팅하다"); } } class KalT.. 2021. 11. 20.
[Spring] IOC 수업정리 - (1) [ Spring ] IOC 수업 정리 - (1) 본 글은 KOSTA에서 교육을 들으면서 배웠던 내용을 복습해보고자 블로그에 올리는 글입니다. 어느덧 교육을 수강한 지 3개월이 넘어가는데요.. 드디어 웹 개발의 꽃 스프링! 과정까지 오게 되었습니다. 스프링을 잘 배우고 파이널 프로젝트까지 잘 마무리하고 싶다는 생각이 가장 큽니다. 스프링에 대해서 아주 맛보기 정도로 학습을 하였지만 느낀 점은 앞서서 배웠던 JSP, Servlet과는 다르게 구조 자체가 굉장히 어색하고 개발자들이 굉장히 효율적인 방법을 추구하는구나라는 생각이 들었습니다. 개인적인 이야기는 나중에 하고 수업내용을 정리해보도록 하겠습니다. 1. 기존 제어방식 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 .. 2021. 11. 19.
Ajax - 기초 - (2) Ajax - 기초 - (2) 이번 시간에는 JSON을 활용해서 데이터를 변환해서 데이터를 전달해보도록 하겠습니다. Ajax - 기초 (1)에서 까지는 단순히 문자열 데이터 한 개 만을 전달하고 응답했다면 JSON을 활용해서 json object로 변환해서 활용하는 방법을 살펴보겠습니다. json을 활용하면 어떤 것이 가능해지는지 중점적으로 살펴보면 좋을 것 같습니다. ( 참고로 이 블로그에서 사용하는 예제는 KOSTA edu에서 교육을 받으면서 공부했던 예제들입니다. ) JSON 라이브러리 활용 - 1 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 function startAjax() { let mak.. 2021. 11. 14.
Ajax - 기초 - (1) Ajax 기초 - (1) 최근에 JSP를 사용해서 웹 프로젝트를 진행한 적이 있습니다. Ajax를 사용하면 편할 것을 페이지를 받아오는 방식으로 구현을 하다 보니 비효율적이다라는 생각이 들어 Ajax를 배움과 동시에 배운 것을 활용해보고자 블로그에 정리하려고 합니다. 나아가서 아이디 중복확인과 댓글 작성과 같은 예제를 통해서 어떻게 동작하는지 정리해보려 합니다. 처음 배우는 단계이니 기초적인 개념부터 살펴보겠습니다. Ajax 란 ? Asynchronous JavaScript And XML의 줄임말로 비동기 자바스크립트와 XML이라는 뜻입니다. 즉 Ajax는 자바스크립트와 XML을 사용하여 비동기 통신을 하는 것을 말합니다. 기존의 웹 방식은 웹 페이지 단위로 응답을 하는 방식입니다. 하지만 비동기 통신을.. 2021. 11. 14.
[Servlet & JSP] Redirect vs forward 방식 비교 [Servlet & JSP] Redirect vs forward 방식 비교 현재 JSP & Servlet을 활용한 WEB 개발에 대해서 전체적으로 학습을 진행하고 있습니다. 그중에서 Redirect와 foward 개념에 대해서 정리해보고자 합니다. 또한 간단한 코드를 통해서 동작 방식이 어떻게 다른지 역시 알아보고자 합니다:) 이번에 살펴볼 코드의 WEB 프로젝트의 구조는 아래와 같습니다. 시작은 index.jsp에서 부터 시작을 합니다. 태그의 경로 지정을 통해서 Controller를 담당하고 있는 Servlet 파일명을 지정해 주었습니다. Controller에서 View(forward-result.jsp, redirect-result.jsp) 까지 어떤 방식으로 이동하는지 흐름을 살펴보겠습니다. 위 .. 2021. 10. 11.