본문 바로가기

Front-End11

RESTful API 란? 🌰 RESTful API란? HTTP 통신에서 어떤 자원에 대한 CRUD 요청을 Resource와 Method로 표현하여 특정한 형태로 전달하는 방식 API 시스템을 구현하기 위한 아키텍처 중에 가장 널리 사용되는 형식. HTTP method, URI, Resource로 이루어져 있다. URL(Uniform Resource Identifier) 해당 사이트의 특정 자원의 위치를 나타내는 유일한 주소 HTTP Method HTTP request가 의도하는 action을 정의한 것 Payload HTTP request에서 server로 보내는 데이터 (body) (위에 3가지는 이해 안가면 따로 학습해볼것!) 🥜 REpresentational State Transfer 웹상에서 사용되는 여러 리소스를 HTT.. 2021. 11. 15.

gitignore gitignore '변경 이력을 무시하고 싶은 파일 및 디렉토리를 정리해 놓은 리스트' 리스트 내의 파일 및 디렉토리들은 git add 시 변경을 건너뛰게 된다. (그러나 생각보다 적용이 안됨) 2021. 11. 10.

await, async, promise 📞 비동기란? 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 것. ex) ajax, setTimeout(), callback 👉🏻 비동기 처리가 필요한 이유? 화면에서 서버로 데이터를 요청했을때 서버가 언제 그 요청에 대한 응답을 줄지 모르는데 마냥 기다릴 순 없기 때문이다. 또한, JavaScript는 싱글 스레드 언어이기 때문에 비동기 처리가 필수적이다. 📞 await, async promise의 문제점을 보완하기 위해 가장 최근에 나온 비동기 처리 문법. 기존의 callback이나promise의 단점을 보완하기 위해 만들어졌다. ex) callback 지옥, then() 지옥 await와 async는 주로 같이 쓰인다. 기존 동기식 처리의 단점을 보완하고 가독.. 2021. 11. 10.

Axios 란? 🎶 Axios란? 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리 🎶 Axios의 기능 브라우저 환경 : XMLHttpRequests 요청 생성 Node.js 환경 : http 요청 생성 Promise API 지원 요청/응답 차단(Intercept) 요청/응답 데이터 변환 취소 요청 JSON 데이터 자동 변환 사이트 간 요청 위조(XSRF) 보호를 위한 클라이언트 사이드 지원 🎶 사용법 👉 axios 사용법 나는 주로 이렇게 썼다. import axios from "axios"; const boardUpload = async () => { await axios .post(`${API}/board/write, ) .catch((err) => { throw e.. 2021. 11. 10.

SSR, CSR, SPA 🌺 서버 사이드 렌더링(SSR) 웹 페이지의 렌더링이 서버 측에서 일어나는 것을 의미합니다. 웹 서버에 요청할 때마다 브라우저 새로고침이 일어나고, 서버에 새로운 페이지에 대한 요청을 하는 방식입니다. 장점 초기 로딩 속도가 빠르기 때문에 사용자가 컨텐츠를 빨리 볼 수 있습니다. 모든 검색엔진에 대한 SEO(검색 엔진 최적화)가 가능합니다. 단점 매번 페이지를 요청할 때마다 새로고침 되기 때문에 CSR에 비해 페이지 구성 속도가 늦습니다. 서버에 매번 요청을 하기 때문에 트래픽, 서버 부하가 커집니다. 🌺 클라이언트 사이드 렌더링(CSR) React, Vue 등의 SPA(Single Page Application)에서 쓰이는 기법으로 클라이언트에서 화면을 구성하는 것을 의미합니다. 즉, 웹 페이지의 렌더.. 2021. 11. 5.

이전 1 2 다음

티스토리툴바