망고

프로토타입과 클래스에 대해 알아보기 전 우선 객체 생성자라는 것을 먼저 알아야한다. 객체 생성자 함수를 통해서 새로운 객체를 만들고 그 안에 넣고싶은 값 혹은 함수들을 구현 할 수 있게 해준다. function Animal(type, name, sound) { this.type = type; this.name = name; this.sound = sound; this.say = function() { console.log(this.sound); }; } const dog = new Animal('개', '멍멍이', '멍멍'); const cat = new Animal('고양이', '야옹이', '야옹'); dog.say(); cat.say(); 결과: 멍멍 야옹 객체 생성자를 사용할 때는 보통 함수의 이름..

📌AXIOS란? 👉axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP비동기 통신 라이브러리이다. 👉쉽게 말해서 백엔드와 프론트엔드가 통신을 쉽게하기 위해 Ajax와 더불어 사용한다. 👉이미 자바스크립트에는 fetch api가 있지만, 프레임워크에서 ajax를 구현할 땐 axios를 쓰는 편이라고 보면 된다. 📌AXIOS특징 👉운영 환경에 따라 브라우저의 XMLHyypRequest 객체 또는 Node.js의 http의 http api사용 👉Promise(ES6) API 사용 👉요청과 응답 데이터의 변형 👉HTTP 요청 취소 👉HTTP 요청과 응답을 JSON 형태로 자동 변경 axios fetch 써드파티 라이브러리로 설치가 필요하다. 현대 브라우저 빌트인이라 설치가 필요 ..

상태에 따라 현재 템플릿이나 정보를 보여줄지 말지를 vue를 통해 나타낼 때 흔히 v-if/v-else 디렉티브 또는 v-show 디렉티브를 사용한다. 여기서 둘의 차이점은 v-if는 조건이 맞지 않다면 해당 태그 자체를 생성하지 않고, v-show는 태그를 생성은 한 후 보이지 않게 처리를 한다는 점이 다르다. (CSS에서 display:none처리를 해준다.)

(1) 작업의 수행 상태를 알려주는 HTTP 상태 코드 클라이언트가 서버에게 작업을 요청하면 서버는 요청받은 작업을수행한 후 작업의 수행 결과를 응답으로 보내주는데, 이때 HTTP상태 코드를 사용하여 작업의 성공/실패 여부와 작업이 실패했다면 어떤이유로 실패했는지도 알려주게된다, HTTP 응답 바디에 작업의 실패 여부를 담아서 응답해주는 경우도 있지만, 더 좋은 방법은 바로 올바른 HTTP상태코드를 사용하는 것이다. HTTP 상태 코드는 200 = 성공,400 = 클라이언트가 요청 잘못함,500 = 서버가 잘못함 과 같이 각 상황에 맞는 코드가 표준으로 정해져 있으며,웹 상에서 돌아가는 기본적인 프로그램의 동작이나 프론트엔드, 백엔드 프레임워크들의 설계 또한 이 표준을 기준으로 만들어져 있기 때문에 되도..

JWT를 통한 인증 절차1.[프론트엔드] ID와 비밀번호를 준다.2.[백엔드] ID와 비밀번호를 검증하고 AccessToken과 RefreshToken, AccessToken의 만료시간을 반환해준다. 이 때 생성한 RefreshToken은 DB에 {ID,RefreshToken}으로 저장한다.3.[프론트엔드] 반환받은 AccessToken을 매 api 호출마다 헤더에 붙여서 전송한다.4.[백엔드] api 호출시 헤더의 AccessToken을 확인하고 유효한지, 만료기간이 지났는지를 체크 후 api를 동작시킨다.5.[프론트엔드] AccessToken의 만료기간이 지나거나, 30초 미만으로 남았다면, 백엔드에 RefreshToken을 붙여 Reissue요청을 보낸다.6.[백엔드]Reissue 요청이 들어올 경..

Web이란? 즉 Web = 인터넷이 아니라, 인터넷의 범위에 web은 한 종류인 것이다. 웹서버란? 웹서버란 두가지 의미를 모두 지닌다.그러나 우리가 사용할 웹 서버의 개념은 소프트웨어 측면이 더 강하다. 1)하드웨어 측면 Web server는 website의 컴포넌트 파일들을 저장하는 컴퓨터이다. (컴포넌트 파일에는 HTML 문서, images, CSS stylesheet, 그리고 js files가 있을 것이다.)그리고 이 파일들을 최종 소비자의 디바이스에 전달한다. 2)소프트웨어 측면 web server는 기본적으로 웹 사용자가 어떻게 호스트 파일들에 접근하는지를 관리한다. 이 문서에는 web server 는 HTTP서버로 국한한다. HTTP서버는 URL(web addresses)과 HTTP(본인 브..