nuxt.js 시작하기 - 005
쇼핑 상품 검색 UI 개발 검색 UI 컴포넌트화 components/SearchInput.vue 생성 <template> <div> <input type="text" /> <button>Search</butto...
최근 포스트
nuxt.js 시작하기 - 004
쇼핑 상품 목록 페이지와 상세 페이지 개발 상품 목록 표시 기능 구현 pages/main.vue <template> <div> <p>상품 페이지입니다</p> <div> <ul> ...
nuxt.js 시작하기 - 003
Nuxt.js 의 데이터 호출 방식과 API 연동 백엔드 API 서버 구성 https://github.com/joshua1988/learn-nuxt/tree/master/backend 접속 $ git clone https://github.com/joshua1988/learn-...
nuxt.js 시작하기 - 002
Nuxt.js 프로젝트 시작하기 Nuxt.js 프로젝트 생성 프로젝트 생성 $ npm init nuxt-app learn-nuxt Project name : Enter Programming language : Javascript Package manager :...
nuxt.js 시작하기 - 001
Nuxt.js 소개 Nuxt.js 강의 소개 Server Side Rendering 을 구현할 때 가장 많이 사용되는 프레임워크 빠른 페이지 로딩 속도와 성능 최적화에 대한 해답 SEO 쇼핑몰 사이트를 제작하며 nuxt.js 기본 개념과 활용 방법 개발...
모든 개발자를 위한 HTTP 웹 기본 지식 - 009
다음으로 다음으로 HTTP 를 배우기 위해서는 기본적인 인터넷 네트워크에 대한 이해가 필요함 URI 와 웹 브라우저 요청 흐름 모든 것이 HTTP 클라이언트, 서버 구조 Stateful, Stateless : 가능한 무상태로 개발 HTTP API 와 HT...
모든 개발자를 위한 HTTP 웹 기본 지식 - 008
HTTP 헤더2 - 캐시와 조건부 요청 캐시 기본 동작 캐시가 없을 때 데이터가 변경되지 않아도 계속 네트워크를 통해 데이터를 받아야 함 인터넷 네트워크는 느리고 비쌈 브라우저 로딩 속도가 느려짐 -> 느린 사용자 경험 캐시 적용 클라이언...
모든 개발자를 위한 HTTP 웹 기본 지식 - 007
HTTP 헤더1 - 일반 헤더 HTTP 헤더 개요 HTTP 헤더 header-filed = field-name:OWSfield-valueOWS(ows:띄어쓰기 허용) field-name 은 대소문자 구분 없음 HTTP 헤더 분류 Request 헤더: 요청 ...
모든 개발자를 위한 HTTP 웹 기본 지식 - 006
HTTP 상태코드 HTTP 상태코드 소개 클라이언트가 보낸 요청의 처리 상태를 응답에서 알려주는 기능 - 1xx (Informational) : 처리중 - 2xx (Successful) : 정상처리 - 3xx (Redirection) : 요청을 완료하려면 추가 행동 필요 - ...
모든 개발자를 위한 HTTP 웹 기본 지식 - 005
HTTP 메서드 활용 클라이언트에서 서버로 데이터 전송 데이터 전달 방식은 크게 2가지 쿼리 파라미터를 통한 데이터 전송 GET 주로 정렬 필터 메시지 바디를 통한 데이터 전송 POST, PUT, PAT...