전체 글

✅ express-session 란? 현대의 웹페이지는 HTTP 프로토콜로 이루어져 있고, HTTP 특성상 비연결성(Connectionless)과 비상태성(Stateless) 특성 때문에 사용자와의 연결이 유지되지 않고, 연결 해제 후에도 상태 정보를 저장하지 않는다. 서버의 자원 절약이라는 측면도 있지만, 사용자 식별이 불가하기 때문에 매번 새로운 사용자로 인식한다는 점이 불편하다. 그런 점을 보완하고자, 쿠키(Cookie) 및 세션(Session) 인증 방식을 통해 클라이언트 상태 정보를 지속적으로 가져와 그에 알맞는 정보 및 화면을 제공하는 것이다. 📝 작동 방식 클라이언트가 서버에 처음으로 접근하여 요청(Request)을 보내면 서버는 접근 클라이언트의 Request-Header 필드인 cooki..

✅ 객체 메소드란 자바스크립트는 객체 기반 프로그래밍 언어이다. 자바스크립트가 구성하는 모든 것이 대부분 '객체'라고 할 수 있다. 👉 원시형 값을 제외한 모든 값(함수, 배열, 정규 표현식 등)을 말한다. 먼저 객체는 아래와 같이 중괄호({})로 감싸져 있고 클론(:)으로 구분되어 요소(Property, 속성)는 키(Key) : 값(Value)들이 쉼표(,)로 구분된 형태이다. const person = { name: "mien", age: 20 }; 모든 자바스크립트 객체는 Object 객체와 Object.prototype 객체의 모든 프로퍼티와 메소드를 상속받는다. 📑 객체의 요소(Property, 속성)와 메소드(Method) 요소(Property, 속성) 란 객체의 상태를 나타내는 값(Data)..

✅ AJAX란? - AJAX란 Asynchronous Javascript And XML로 불린다. XML은 현재는 잘 쓰이지 않지만 개발당시 HTML이 아닌 XML이라서 그렇다고 한다. 자바스크립트를 이용해 서버와 브라우저가 비동기 방식(📌참고)으로 데이터를 교환할 수 있는 통신 기능이다. 👉 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법이다. 기존의 웹에서는 한 번 페이지를 로딩하면 다른 페이지를 로딩하기 위해서는 링크를 타고 넘어가야 했다. 그렇게 타고 넘어가다 보면 페이지 깜빡임이 발생한다. 그러므로 페이지를 전환하지 않고도 결과를 보여주는 예상 검색어 등이 바로 AJAX 기술을 사용한 것이다. AJ..

✅ 정규표현식이란? 사전적 의미로는 특정 규칙을 가진 문자열의 집합을 표현하는데 사용하는 언어 형식이다. 정규식(Regular Expression)은 문자열에서 특정 내용을 찾거나 대체 또는 설정하는데 사용된다. 대표적으로 최근 진행하고 있는 웹페이지에서 회원가입 폼에서 아이디는 영문 또는 한글 8자 이상을 입력하라는 화면을 본 적이 있을 것이다. 간단한 코드인 만큼 처음에는 표현식이 익숙하지는 않은 것 같다. 👉 정규식 연습 사이트 바로가기: https://regexr.com/ 반복문과 조건문을 사용하면 엄청 길어질 코드를 정규표현식을 이용하면 매우 간단하게 표현할 수 있다. 📌 많은 양의 데이터를 형식에 맞게 데이터를 추출해야 할 때 📌 사용자가 입력한 아이디, 비밀번호, 휴대폰번호, 이메일 등이 올..

✅ React Hooks란? 1. 리액트 훅(Hook) 1) 클래스형 컴포넌트(📌참고)에서 이용하던 코드를 작성할 필요 없이 함수형 컴포넌트에서 다양한 기능을 사용할 수 있게 만들어준 라이브러리라고 할 수 있다. 함수형 컴포넌트에 맞게 만들어진 것으로 함수형 컴포넌트에서만 사용 가능하다.(클래스형 컴포넌트의 문제를 해결하기 위해 나온 것이 훅) 2) 함수형 컴포넌트들은 method의 개념이므로, 리렌더링이 되더라도 render()를 제외한 나머지 method 및 state는 그대로 보존되어 있다. 📌 클래스형 컴포넌트의 단점 클래스형 컴포넌트에서 로직 재사용시에 사용한느 고차컴포넌트, 렌더 속성 값 패턴은 리액트 요소 트리를 깊게 만든다. (너무어렵다) 따라서, 성능에 부정적인 영향과 개발 시 디버깅이 ..

✅ JQuery 메소드 정리 JQuery 정리에 앞서 요즘 jQuery를 쓰는 첫번째 이유는 자바스크립트 DOM을 좀더 쉽게 작업하기 위한 라이브러리이다. 자바스크립트 문법 중 프로토타입 방식으로 만들어진 클래스라고 한다. 자바스크립트로 코딩하면 여러줄이 필요하지만, jQuery 사용 시 많이 줄여서 코드 작업을 할 수 있다. 또한, jQuery는 DOM제어 보다 크로스브라우징(최대한 많은 종류의 웹 브라우저에서 작동하는 웹페이즈를 만드는 방법 중 하나) 처리가 편리하다. IE7은 비표준 브라우저이기 때문에 이벤트 등록 시 자바스크립트로 처리할 경우 attachEvent(), addEventListener() 등을 사용하여 코드를 사용한다. 이와달리 jQuery 내부에는 이런 번거로운 작업들을 대신 처리..