주니어 개발자 성장기

HTTP 헤더 개요 헤더의 형식은 다음과 같다 field-name ":" OWS field-value OWS (OWS: 띄어쓰기 허용) 또한, field-name은 대소문자 구분이 없다. 용도 HTTP 전송에 필요한 모든 부가정보 예) 메시지 바디의 내용, 메시지 바디의 크기, 압축, 인증, 요청 클라이언트, 서버 정보, 캐시 관리 정보, etc 표준 헤더가 너무 많다. 필요시 임의의 헤더도 추가 가능하다. RFC723x 변화 2014년 새로운 헤더 표준인 RFC7230 스펙이 제정된다. 엔티티(Entity) -> 표현(Representation) 변경 Representation = Representation Metadata + Representation Data 표현 = 표현 메타데이터 + 표현 데이터..

상태코드란 ? HTTP 응답의 상태를 나타내는 코드 클라이언트가 인식할 수 없는 상태코드는 상위 상태코드로 해석해서 처리한다. 미래에 새로운 상태코드가 추가되어도 클라이언트를 변경하지 않아도 된다. 1xx(Informational): 요청이 수신되어 처리중 /users , /event => /new-event 원래의 URL을 사용X, 검색 엔진 등에서도 변경 인지 가능 301 Moved Permanently 리다이렉트시 요청 메서드가 GET으로 변하고, 본문이 제거될 수 있음(MAY) 308 Permanent Redirect 301과 기능은 같음 리다이렉트시 요청 메서드와 본문 유지(처음 POST를 보내면 리다이렉트도 데이터 유지) 둘 다 많이 쓰지는 않지만 보통 URI가 영구적으로 이동하면 요구되는 ..

HTTP API - 컬렉션 API 설계 - POST 기반 등록 URI에서는 리소스 자체를 식별해야 한다. 리소스에 대한 행위 (조회, 등록, 수정 등)은 URI에 필수적인 것이 아니라는 것이다. 행위는 주로 HTTP 메서드로 구분한다. API 설계 예시 상품 목록 /products -> GET 상품 등록 /products -> POST 상품 조회 /products/{id} -> GET 상품 수정 /products/{id} -> PATCH,PUT, POST 상품 삭제 /products/{id} -> DELETE POST - 신규 자원 등록 특징 클라이언트는 등록될 리소스의 URI를 모른다. 회원 등록 /products -> POST POST /products 서버가 새로 등록된 리소스 URI를 생성해준다...

메서드 활용 데이터 전달 방식은 크게 2가지가 있다. 쿼리 파라미터를 통한 데이터 전송 GET 주로 정렬 필터(검색어) 메시지 바디를 통한 데이터 전송 POST, PUT, PATCH 회원 가입, 상품 주문, 리소스 등록, 리소스 변경 클라이언트에서 서버로 데이터 전송 4가지 상황이 있다! 정적 데이터 조회 이미지, 정적 텍스트 문서 동적 데이터 조회 주로 검색, 게시판 목록에서 정렬 필터(검색어) HTML Form을 통한 데이터 전송 회원 가입, 상품 주문, 데이터 변경 HTTP API를 통한 데이터 전송 회원 가입, 상품 주문, 데이터 변경 서버 to 서버, 앱 클라이언트, 웹 클라이언트(Ajax) 정적 데이터 조회 쿼리 파라미터 미사용 이미지, 정적 텍스트 문서 조회는 GET 사용 정적 데이터는 일반..

정말 오랜만에 하는 포스팅이다. Vue.js 강의 들으면서 프로젝트에 관한 것들을 많이 고민하다보니 블로그의 존재를 그만 잊어버린 듯 하다.. (지금 보다는 더 자주) 포스팅 주기를 좁혀야 겠다. 여튼 회사 프로젝트도 해야하고 백엔드 개발자로서 관리자 웹페이지 정도는 간단하게 만들 줄 알아야 한다는 생각이 들어서 9월말 부터 Vue.js를 공부하면서 코드도 짜보고 있다. 어제 아는 형의 코드를 보던 도중, 이해할 수 없는 부분을 발견했다. export default { mthods: { var vm = this // ... // ... }, } Vue 내부에서 this를 쓰는 것이 아니라, this 대신 vm을 사용하는 것 이었다. 그래서 직접 물어봤는데 현업 개발자 분이 실무에서도 이렇게 쓴다고 이렇게..

Modules - 자바스크립트 모듈화 방법 ES5에서는 모듈화 방법이 없어서 모듈화를 위해 모듈 로더 라이브러리(AMD, Common JS)를 사용했었다. 모듈이란? 특정 기능을 수행하는 한 단위다. 자바스크립트 모듈 로더 라이브러리 기능을 js 언어 자체에서 지원 호출되기 전까지는 코드 실행과 동작을 하지 않는 특징이 있음 // libs/math.js export function sum(x,y) { return x + y; } export var pi = 3.141593; //main.js import {sum} from 'libs/math.js'; sum(1, 2); ES5는 자바 스크립트는 파일을 나눠도 자바처럼 스코프가 달라지지 않았다. 범수의 유효범위 즉, 안전성의 측면에서 모듈을 지원 제일 많..