캡틴판교 Vue2 시리즈 강의 후기캡틴판교(이름)님의 vue2에 대한 강의 시리즈다.강의별 길이와 구성은 아래와 같다. 1. Vue.js 시작하기 - Age of Vue.js (5시간 25분)뷰 간단 소개, 기본 인스턴스, 컴포넌트 간 통신방법, 라우터, axios 등 기본 사용법 학습 2. Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex (6시간 50) 투두앱 실습, vuex, 헬퍼 사용법 학습 3. Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념 (10시간 23)컴포넌트 재활용 방법, 비동기, Netlify 등 학습 4. Vue.js 끝장내기 - 실무에 필요한 모든 것 (8시간 22분)몽고DB 연동하기, 포맷팅, 네비게이션가드, 테스팅도구 등 기본 ..
모든 개발자를 위한 HTTP 웹 기본 지식김영한님의 실무에 필요한 HTTP 핵심 기능에 대한 강의다. 강의의 총 길이는 5시간 40분, 강의 구성은 아래와 같다.인터넷 네트워크URI와 웹 브라우저 요청 흐름HTTP 기본 동작과 특징HTTP 메서드와 활용HTTP 헤더 - 일반헤더, 캐시 수강 이유 HTTP에 대한 지식이 전무했다. 백엔드 개발자가 아니더라도 HTTP를 사용하는 직군이라면 최소한 내가 사용하는 게 뭔지는 알아야 한다고 생각했고, 우연히 이 강의를 추천 받게 되었다. 수강 후기일단 가장 좋았던 건 강의의 제목대로 실무에 필요한 핵심 기능들을 설명해준다. 지금껏 나는 아무 생각없이 그저 API 문서에 적힌 내용대로만 구현을 했다면 이제는 그 API 문서가 왜 그렇게 설계가 되었는지 생각해볼 수 ..
HTTP 헤더1. 일반헤더 HTTP 헤더의 구조'필드이름: 필드값 '- 필드값 앞 뒤로 띄어쓰기 가능- 필드이름은 대소문자 구분이 없다ex : Host: http://www.google.com HTTP 헤더의 용도- HTTP 전송에 필요한 모든 부가정보를 전달 (메시지 바디의 내용, 바디의 크기, 압축, 인증, 요청 클라이언트, 서버정보 등)- 표준 헤더가 많음- 필요하면 임의의 헤더 추가도 가능 HTTP 헤더의 과거 (1999년 RFC2616) General 헤더 : 메시지 전체에 적용되는 정보 Request 헤더 : 요청 정보 Response 헤더 : 응답 정보 Entity 헤더 : 엔티티 바디 정보 (폐기됐음) - 과거엔 메시지 본문(message body)는 엔티티 본문을 전달하는데 사용..
HTTP 상태코드클라이언트가 보낸 요청의 처리 상태를 응답에서 알려주는 기능너무 많아서 사용하는건 그냥 케바케 Informational ( 1XX )요청이 수신되어 처리중 (안씀) Successful ( 2XX )요청 정상 처리 200 (OK) 성공(그냥 200만 쓰는 경우도 많음)201 (Created) 요청 성공해서 새로운 리서스 생성.. POST 요청 → 생성ㅇㅋ202 (Accepted)요청이 접수는 됏는데 처리는 X .. 배치 처리가 필요한 경우! (잘 안씀)204 (No Content)요청은 성공했지만, 응답 페이로드 본문에 보낼 데이터가 없음.(save기능 같은거 .. 저장해도 그냥 성공 여부만 필요한 경우) Redirection ( 3XX )요청을 완료하려면 추가 행동이 필요3X..
HTTP API 설계(1) 컬렉션(Collection) 방식 - 대부분이 이 방식을 사용- POST 기반 등록 예를 들어서 '회원 관리 시스템 API' 라고 했을 때여기서 리소스는 '회원'회원 목록/membersGET회원 등록/membersPOST회원 조회/members/{id}GET회원 수정/members/{id}PATCH(부분수정-회원정보),PUT(덮어쓰기-게시글),POST회원 삭제/members/{id}DELETE- 클라이언트는 새로 등록될 리소스의 URI를 모른다!회원 등록을 하면 클라이언트는 id 모름. 아니, 몰라도 된다.그래서 서버가 새로 등록된 리소스 URI를 생성해준다.HTTP/1.1 201 CreatedLocation: /members/100- 서버가 관리하는 리소스 디렉토리 - 서버가..