본문 바로가기

전체 글76

HTTP STATUS CODE 너도 알고 나도 아는 404...! 그런 애들을 Status code라고 하고, 친숙한 200 400번대말고 쫌 낯선 애들도 정리해볼까 한다😎 근데 진짜 많다.. ✅ 1xx (정보) 요청을 받았으며, 프로세스를 계속 진행하겠다 100 Continue 진행 중, 현재까지 문제 없음, 클라이언트가 계속 요청하거나 이미 요청이 끝난 경우에는 무시해도 됨 101 Switching Protocol 클라이언트가 보낸 Upgrade 요청 헤더에 대한 응답, 서버에서 프로토콜을 변경할 거라는 뜻 102 Processing(WebDAV) 요청을 수신 했고 처리중인데, 아직 제대로 된 응답은 모르겠으니 기다려보라는 뜻 ✅ 2xx (성공) 클라이언트의 요청을 성공적으로 처리했다 200 OK 요청한 작업이 성공함 201 Cr.. 2021. 10. 11.
[JavaScript] Callback vs Promise vs async-await promise는 이제 진짜 알 때도 되었다. #가보자고... ✅ Callback 콜백 지옥 = 콜백이 너무 길어지면 읽기 힘들고, 이해하기도 힘듬 에러처리하기도 힘듬 유지보수도 힘듬 그리고 실패했는지/성공했는지/대기중인지 알려주지 않음 (에러가 나야만 아 뭔가 잘못됐구나 라고 알수있음😰) → 그래서 promise가 등장 ✅ Promise promise는 객체임 new Promise()로 프로미스를 생성하고 종료할 때 까지 프로미스는 3가지 상태를 가짐 pending(대기) : 비동기처리 미완료 (생성 직후 === 기본상태) fulfilled(이행) : 비동기 처리 성공 → resolve 호출 rejected(실패) : 비동기 처리 실패 → reject 호출 Promise 후속 처리 메서드 then : 인.. 2021. 10. 10.
[JavaScript] 화살표함수 vs 일반함수 ✅ 일반 함수 this는 마지막으로 자신을 품고있는 scope로 항상 변함 (❌어디서 선언했느냐❌ ⭕어디서 호출했느냐⭕) const example = { name: "world", speak: function() { function getName() { return `${this.name}`; } return `Hello ${getName()}`; } }; example.speak(); // Hello //이를 해결하려면.. const example = { name: "world", speak: function() { //여기까지는 this에 객체 example이 bind돼있음 const self = this; // self를 선언해서 결합시킴 function getName() { return `${se.. 2021. 10. 9.
쿠키 vs 세션저장소 vs 로컬저장소 사람의 뇌는 램이다 왜냐면 휘발성이기 때문이다... #그래도 #다시 #가보자고 ✅ 쿠키🍪 웹사이트에 의해 유저의 정보를 저장하는 것 서버와 데이터를 공유하는 용도로 사용됨 데이터의 유효 기간 지정이 가능함(ex : 1시간 뒤, 하루 뒤 등등) 대부분의 브라우저가 지원을 함 저장 사이즈가 매우매우 작음(4kb) 서버에 매번 HTTP요청을 해서 데이터 전달 낭비가 발생함 근데 쿠키는 애초에 서버-클라이언트 간의 지속적인 데이터 교환을 위해 만들어진거라.. 매번 전달 할 수 밖에.. 주로 팝업창 다시 보지 않음 기능에 많이 사용됨 ✅ 세션 스토리지 (Session Storage, 임시저장소) 만료기간이 있어서 브라우저를 종료하거나, 새로 창을 열면 초기화 됨 자동 임시 저장 용도로 쓰임 주로 입력폼 정보 저장.. 2021. 10. 9.
REST API? 그래 이 중요한걸 정리를 안해놨을리가 없는데.......!^^!!!! 기억하지 못한 스스로가 밉다.. 헷갈리면 뭐다? #다시 #가보자고 #레고 🤔 REST? ✅ REST(Representational State Transfer) ✅ REST의 특징 🤔 REST API? ✅ REST API의 구성 요소 🤔 REST? ✅ REST(Representational State Transfer) 자원(이미지, 동영상, DB....)을 이름으로 구분하여 해당 자원의 상태(정보)를 주고받는 모든 것을 의미 JSON이나 XML을 통해 주고받는 것이 일반적 URI를 통해 자원을 명시하고 HTTP method(GET, POST, PUT, PATCH, DELETE)를 통해 해당 자원에 대한 CRUD를 적용 웹의 장점을 최대한.. 2021. 10. 8.