잡단한것들/CS메모장 (23) 썸네일형 리스트형 파라미터와 쿼리의 차이 파라미터 예시: /ekgoddldi/params 쿼리 예시: /ekgoddldi/detail=1 파라미터는 특정 값(아이디나 이름 등)을 조회하는데 사용하기 유용하고 쿼리는 어떤 키워드를 검색하거나 페이지에 필요한 옵션을 전달할 때 유용한듯 아키텍처 종류 MVC: Model-View-Controller MVVM: Model-View-View Model MVW: Model-View-Whatever REST REST(Representational State Transfer) 자원을 이름(자원의 표현)으로 구분하여 해당 자원의 상태(정보)를 주고 받는 것을 뜻한다. 여기서 자원이란 해당 소프트웨어가 관리하는 모든 것을 의미한다. 주로 JSON과 XML을 통해 자원의 상태를 주고 받는다. 이외에도 text 등도 가능하다. HTTP URI(Uniform Resource Identifier)를 통해 자원을 명시하고, HTTP 메소드(POST, GET, PUT, DELETE)를 통해 해당 자원에 대한 CRUD Operation을 적용하는 것을 의미한다. 따라서 HTTP프로토콜을 그대로 활용한다는 장점이 있다. REST CRUD Operation Create: 생성(POST) Read: 조회(GET) Update: 수.. request와 response request: 클라이언트 측에서 => 서버측으로 보내는 요청에 관련된 정보들이 저장되는 객체 response: 서버측에서 => 클라이언트 측으로 보내는 것, 응답에 관련된 것들이 저장되는 객체 클라이언트가 화면을 띄우기 위해 필요한 것들을 요청(request) 보내면 서버는 필요한 것들을 클라이언트에 보내는 응답(response)를 한다. cookie localstorage 쿠키는 도메인당 4KB 로컬스토리지는 2.5MB ~ 5MB 브라우저마다 최고 용량이 다르긴함, 또한 서버로 전송되지 않음 html5에서 추가됨 아래는 사용법이다 www.w3schools.com/jsref/prop_win_localstorage.asp FrontEnd공부를 시작하는 사람들을 위한 사이트 모음 https://www.w3schools.com/ W3Schools Online Web Tutorials HTML Example: This is a paragraph. www.w3schools.com https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info https://developer.mozilla.org/ko/ MDN Web Docs MDN 웹 문서 사이트는 HTML, CSS, 및 웹 사이트와 프로그레시브 웹 앱을 위한 API를 포함한 오픈 웹 기술에 대한 정보를 제공합니다. 또한 Firefox 개발자 도구와 같은 Mozilla 제품을 위한 개발자 지향 문 developer.mozilla.org https://ko.reactjs.org/ R.. 비동기와 동기 비동기: 작업의 완료여부와 상관없이 다음 작업을 수행함 동기: 작업이 완료될 때까지 기다렸다가 완료되면 다음 작업을 수행함 순서대로 진행됨 axios.get으로 api 데이터 가져올 때 promise async await 활용하여 데이터 받은 후 작업처리하는데 이 작업은 다른 작업들과 상관없이 이 api데이터를 다루는 코드만 비동기로 동작하는 것이다 proxy server 사용 이유 proxy 기능 => 방화벽 기능, 웹 필터 기능, 캐쉬데이터, 공유 데이터 제공 기능 회사나 아이들의 인터넷 사용 제어, 반대로 이용 제한된 사이트 접근도 가능 캐쉬를 이용해 더 빠른 인터넷 이용 제공 더 나은 보안 제공 이전 1 2 3 다음