양갱의 개발 블로그

이번에 프로젝트를 진행하면서 리덕스를 사용해보라고 하더라구요! 근데 사용해본 경험이 없어서 이번에 정리하면서 알아보고 제대로 사용해보려고 합니다. 리덕스의 개념과 사용하는 이유, 사용 방법에 대해 알아보겠습니다 먼저..! 리덕스를 사용하기 전에 리덕스 문서를 한번 살펴봐야겠죠? 저는 사용할 때 문서를 한번이라도 꼭 읽어보는게 좋다고 생각해요 https://ko.redux.js.org/ Redux - 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너. | Redux 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너. ko.redux.js.org Redux란? 리덕스는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너입니다. 리덕스는 앱을 만들면서 상태관리할 수 있는 거라고 이야기를 들은적이 있어요. 앱의 ..

jsp란? JSP( Java Server Pages) 란 Java 기반의 웹 애플리케이션를 생성하는 서버 사이드 스크립트 언어입니다. HTML 코드에서 Java 코드를 넣어 동적 웹 페이지를 생성하는 웹 애플리케이션 도구 입니다. JSP는 Servlet을 보다 간편하게 작성할 수 있도록 하기 위한 기술로, 실제로는 JSP 파일은 서블릿으로 변환되어 실행됩니다. ** Servelt : 웹 페이지를 동적으로 생성하기 위해 서버측 프로그램 페이지 이동방법 포워드(forward) 포워드(forward)는 현재 실행 중인 페이지와 같은 웹 애플리케이션 내의 다른 리소스를 요청을 전달하는 방식입니다. URL은 변경되지 않으며, 이미 생성된 request, response 객체가 그대로 전달 됩니다. RequestD..

Redux란? Redux란 JavaScript 애플리케이션에서 클라이언트 사이드의 상태를 관리하기 위한 오픈소스 JavaScript 라이브러리입니다. 주로 React나 Angular와 같은 사용자 인터페이스 라이브러리/프레임워크와 함께 사용되며, 애플리케이션의 상태를 예측 가능하게 만들어줍니다. React나 다른 뷰 라이브러리와 함께 사용할 수 있습니다. Redux는 매우 작지만 사용 가능한 애드온이 많습니다. Single Source of Truth(진실의 단일 출처) : Redux는 애플리케이션의 전체 상태를 하나의 JavaScript객체 트리로 저장합니다. 이 객체 트리는 "Store"라고 부르며, 이것은 앱 내에서 유일합니다. State is Read-Only(상태는 읽기 전용) : Redux에서..

프론트 엔드 개발을 하면서 자주 들었던 말로 Web Server가 있을 겁니다. Web Server를 간단하게 정리해보겠습니다. Web Server란? Web Server란 인터넷을 통해 사용자의 요청에 따라 정보를 제공하는 컴퓨터 시스템입니다. 웹 서버는 주로 HTTP를 통해 클라이언트와 통신하며, 사용자와 요청한 웹페이지나 다른 데이터를 제공합니다. 정적 파일 서비스 : 웹 서버의 가장 기본적인 역할은 클라이언트의 요청에 따라 정적 파일을 제공하는 것입니다. 이러한 파일에는 HTML, CSS, JavaScript 파일, 이미지 및 비디오 등이 포함 될 수 있니다. HTTP 지원 : 웹 서버는 HTTP 프로토콜을 지원하여 클라이언트와 안전하게 통신할 수 있어야 합니다. HTTPS 지원 : 많은 웹 서버..

우리가 쉽게 인터넷에 접속할 때 URL에는 http:// 또는 https://로 되어 있을 겁니다 이번에는 개발자라면 꼭 알아야 할 HTTP에 대한 내용을 알아보고자 합니다. HTTP 프로토콜이란? HTTP(Hypertext Transfer Protocol)은 웹을 개발하는 사람이라면 알아야하는 통신 프로토콜입니다. ** 프로토콜(Protocol) : 컴퓨터들끼리 HTML파일을 주고받을 수 있도록 하는 소통방식 또는 약속 하단의 사진처럼 http, https가 프로토콜입니다. 웹에서 브라우저와 서버 간에 데이터를 주고 받기 위한 방식으로 HTTP 프로토콜을 사용하고 있습니다. 프론트 엔드 개발자라면 필수적으로 알아야하는 지식입니다. HTTP 프로토콜의 특징 무상태성(Stateless) : 각각의 요청 간..

Request를 요청했을 때 GET과 POST 방식이 있다는 것은 개발자라면 알고 있을 내용입니다. 그래서 GET과 POST를 비교하고 특징을 정리하겠습니다! GET 메소드란? GET은 HTTP 프로토콜에서 가장 일반적으로 사용되는 메소드 중 하나로, 특정 리소스의 표현을 요청하는 데 사용됩니다. GET 메소드의 특징 GET 요청은 URL에 매개변수를 추가하여 서버에 데이터를 전송합니다. GET은 주로 조회 작업을 수행할 때 사용됩니다. GET 요청은 브라우저에 캐시할 수 있습니다. URL에 매개변수가 포함되므로 길이 제한이 있습니다. 보안이 필요한 데이터(예 : 비밀번호)를 전송하는 데는 적합하지 않습니다. POST 메소드란? POST는 클라이언트가 서버의 리소스를 생성하거나 업데이트 하려 할 때 주로..

AJAX를 이야기는 많이 들어봤는데 어떤 것인지 확실하게 몰라서 공부 겸 포스팅하게되었습니다! AJAX란? AJAX (Asynchronous JavaScript And XML)의 약자로, 웹 페이지를 새로고침하지 않아도 서버에 데이터를 요청하거나 보낼 수 있게 하는 기술입니다. 이를 통해 사용자 경험을 향상시키며, 서버와 비동기적 통신을 할 수 있습니다. 기존의 웹 애플리케이션은 브라우저에서 폼을 채우고 이를 웹 서버로 제출하는 방식이었습니다. 웹 서버는 요청된 내용에 따라서 데이터를 가공하여 새로운 웹 페이지를 작성하고 응답으로 되돌려 줍니다. 하지만 코드를 수정하거나 결과물로써 되돌려 받은 페이지는 유사한 내용을 가지고 있습니다. 이렇게 되면 HTML 코드를 모두 다시 한번 전송해야하므로 낭비가 될 ..