개발자의 삶 검색 결과

해당 글 249건

GET 방식과 POST 방식

1. HTTP method GET ? - 클라이언트에서 서버로 어떠한 자원에 대해 정보를 요청하기 위해 사용하는 메서드 - 데이터를 읽거나 검색할 때 주로 사용 - GET 은 요청 시 URL 끝에 요청 파라미터 정보를 보여주고 포함하여 요청함 - ex) www.naver.com/test?id=test - 브라우저 기록에 남음 - 데이터 길이가 제한되어있음 - 요청에 대해 캐시될수 있음 2. HTTP method POST ? - 클라이언트에서 어떠한 자원에 대해 생성 및 수정 할 때 데이터를 담아 요청할 떄 사용 - 전송 데이터를 HTTP 메시지의 BODY 에 담아 전송 - 데이터 길이 제한이 없음 - 전송 데이터가 URL 에 표시되지 않아 보안적인 측면에서 유리 - 브라우저 기록에 남지않음 - 요청에 대..
개발지식 2022. 5. 24. 23:42

HTTP HTTPS 의 차이

1. HTTP(Hyper Text Transfer Protocol) ? - 서버와 클라이언트 간의 데이터를 주고받도록 도와주는 프로토콜 즉 클라이언트와 서버사이의 요청 응답 프로토콜 - 모든 형태의 데이터를 전송할 수 있음 - 보안에 취약 - 포트번호 80 2. HTTPS(Hyper Text Transfer Protocol Secure Socket Layer) ? - HTTP 프로토콜의 보안 취약점을 해결하기 위한 프로토콜 - SSL(보안소켓계층)/TLS(전송계층보안) 프로토콜 통해 세션 데이터를 암호화하여 전송 - 데이터가 암호화되어 있기 떄문에 중간에 가로채더라도 해독이 불가능하다 - 데이터 전송 중에 수정되거나 손상되는 부분을 방지 - SEO(검색엔진최적화) 구글이 가산점부과 - 포트번호 443 3..
개발지식 2022. 5. 24. 00:27

CORS 란

1. SOP(Same Origin Policy) ? - 프로토콜, 호스트, 포트 가 모두 같아야 다른 출처의 리소스 요청이 가능 2. JSONP(Json With Padding) - SOP 을 우회할 수 있는 방법 - 각 다른 출처의 서버로부터 데이터를 요청하기 위해 사용 - SOP 상관없이(우회) 데이터의 공유를 가능하다 - 호출 방식을 사용 - HTML의 script 요소로부터 요청되는 호출에는 보안상 정책이 적용되지 않으므로 우회가 가능 3. CORS(Cross-Origin Resource Sharing) ? - (교차 출처 리소스 공유) 실행 중인 웹 어플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 하는 체제 - HTTP Request 통해 허용된 요청인지 아닌지 확인하..
개발지식 2022. 5. 21. 12:10

SSR(Server Side Rendering), CSR(Client Side Rendering)

MPA (Multi Page Application) ? - 새로운 페이지를 클라이언트에서 요청할 때 마다 서버로부터 정적 리소스(HTML)를 받아와 해당 페이지 전체(HTML, IMAGE 등)를 새로 렌더링이 된다. - SSR(Server Side Rendering) SPA (Singgle Page Application) ? - 브라우저에 최초 한번 페이지 전체를 렌더링 하며, 이후 새 페이지 요청이 있을 경우, 요청 페이지에 필요한 부분만 전달받아 갱신한다. - CSR(Client Side Rendering) SSR(Server Side Rendering) ? - 서버로부터 만들어진 정적 리소스 받아와 해당 페이지 전체를 렌더링 하는 방식 - SSR 방식의 과정 1. 클라이언트(브라우저) -> 프론트 ..
개발지식 2022. 5. 20. 19:04

쿠키, 세션, JWT 비교

쿠키와 세션 JWT 특징에 앞서 HTTP 프로토콜 특징에 대해 간략하게 알아보자 1. 비연결성(Connectionless) - 클라이언트와 서버가 연결하여 요청과 응답을 한번 주고받은 경우에 연결을 끊어버리는 특징 1 클라이언트 Request(요청) -> 서버 2. 서버 Response(응답) -> 클라이언트 3. Connectionless 2. 무상태(Stateless) - 요청과 응답을 주고받은 후 연결이 끊어졌을 때 상태 정보를 유지하지 않는 특징 - ex) 네이버 웹 페이지에서 로그인 후에 네이버 웹툰 클릭할 경우에 자동으로 로그아웃 됨(연결끊음) 네이버 웹툰 페이지에서 다시 로그인을 진행하여야 함 위와같은 HTTP 특징으로 사용자 정보 유지를 위해 쿠키 세션 JWT 가 필요 인증방식 1. 쿠키 ..
개발지식 2022. 5. 20. 00:50

Webpack 와 Babel 은 무엇일까?

Webpack ? 웹페이지에서는 페이지를 보여주기 위해 수 많은 자바스크립트 파일을 서버에 요청하게 되는데 이때 서버와 여러번 통신하게 되고 이는 네트워크 성능에 영향을 끼치면서 비효율적인 상황(병목현상)이 발생하게 됩니다. 이러한 문제를 보완하기 위해 웹팩의 번들링 개념이 나오게 되었다. - 웹팩은 모듈 번들러(Module Bundler) 입니다. - 여러개의 나누어져 있는 파일들을(모듈) 하나의 파일로 만들어주는 라이브러리 같은타입(html, css, js) 의 파일을 묶어서 요청/응답을 받음 - 자바스크립트 코드들을 압축하고 최적화 할 수 있기에 로딩 속도를 높일 수 있음 웹팩의 주요 속성 1. Entry - 웹팩에서 웹 자원을 변환하기 위해 필요한 최초 진입점 (의존성 그래프 시작점) - 웹팩은 ..
개발지식 2022. 5. 18. 19:46

Preparedstatement 사용이유

SQL 서버 엔진 쿼리 수행 시 과정 1. 구문 분석 및 정규화 단계 - 쿼리 문법이 제대로 작성되었는지 확인하고 테이블과 컬럼이 DB에 존재하는지 확인하는 단계 2. 컴파일 단계 - 쿼리 컴파일 3. 쿼리 최적화 단계 - 쿼리를 실행할 수 있는 방법의 수와 쿼리를 실행하는 각 방법의 비용을 알아내어 최적의 계획 선택 4. 캐시 단계 - 쿼리 최적화 단계에서 캐시에 저장되므로 동일한 쿼리가 들어올 때마다 1,2,3 단계를 실행하지 않고 동일한 쿼리가 들어왔을 경우 캐시를 찾아 실행 5. 실행 단계 - 쿼리가 실행되고 데이터 반환 PreparedStatement(준비된 쿼리) 즉 쿼리의 틀을 미리 생성해놓음 - 동일한 쿼리를 여러번 반복 실행할 경우 성능을 향상시키기 위해 개발됨 - Placeholder ..
MYSQL 2022. 5. 17. 21:34

리액트는 왜 쓰는가?

1. 프론트엔드 라이브러리 / 프레임워크 - 최근 단순히 웹 페이지가 아닌 웹 어플리케이션의 흐름 - 웹 개발을 하게 될 때, DOM 관리 및 상태값 업데이트 관리를 최소화 하며, 기능 개발 중심, 사용자 인터페이스 구현에 초점을 맞추기 위해 라이브러리 혹은 프레임워크들이 만들어졌다. - 복잡한 SPA에서는 DOM 조작이 많이 발생하면 브라우저가 연산을 많이하므로 전체적인 프로세스가 비효율이 된다. - Angular, Ember, Backbone, Vue, React 2. React (사용자 인터페이스(UI) 프레임워크) - 컴포넌트 라는 개념에 집중이 되어있는 라이브러리 - 화면의 한 부분을 컴포넌트 단위로 나누어서 관리가 가능 - 컴포넌트의 역할과 기능에 따라 관리가 편하며, 중복되거나 반복되는 부분..
개발지식 2022. 5. 16. 20:45