Archive: 2019/1

2019
0
Front-endJavaScript

자바스크립트 17일차

업데이트 방식비관적 업데이트 vs 낙관적 업데이트1. 비관적(pessimistic) 업데이트1사용자 입력 -> 수정 요청 -> 성공 시 화면 갱신 사용자에게는 불편하지만, 개발자에게는 쉬움 2. 낙관적(optimistic) 업데이트1사용자 입력 -> 바로 화면 먼저 갱신 -> 수정 요청 ex) slack, trello 네트워크

0
Front-endJavaScript

자바스크립트 16일차

모던 웹 서비스의 구성요소Fetch APIFetch API 웹 브라우저의 XMLHttpRequest를 대체하기 위해 만들어진 새로운 HTTP client 표준 비교적 최근에 도입되어 IE 및 구형 안드로이드 브라우저(4.x)는 지원하지 않음 Fetch Polyfill transfiler는 최신 문법을 예전 문법으로 바꿔줌(문법만 바꿔주지, 최신 기능을 과거

0
Front-endJavaScript

자바스크립트 15일차

모던 웹 서비스의 구성요소Access Token & JWTJWT 실습 JWT는 서버가 만들어주는 토큰 JWT 실습 토큰 요청하기2로그인 안하면, 정보를 가져올 수 없게 get 요청을 읽기전용, 정보를 보낼때는 post로 요청! 1234567891011121314151617181920212223// 토큰 받아오기let token;axios .

0
Front-endJavaScript

자바스크립트 14일차

클래스 프로토타입은 기능을 재사용하기 위해서 사용한다. 클래스는 객체가 공유해서 써야 하는 기능들을 모아둔다. 클래스 상속 (Class Inheritance) 클래스 상속(class inheritance, subclassing) 기능을 통해한 클래스의 기능을 다른 클래스에서 재사용할 수 있다. 1234567class Parent { // ..

0
Front-endJavaScript

자바스크립트 13일차

Express Node.js 생태계에서 가장 널리 쓰이는 웹 프레임워크 내장하고 있는 기능은 매우 적으나,미들웨어를 주입하는 방식으로 기능을 확장하는 생태계를 가지고 있음 Express 앱의 기본 구조12345678910111213141516171819202122232425262728293031323334353637383940// Express 인스턴스

0
Front-endJavaScript

자바스크립트 12일차

Node.js + HTTPhttp: 통신 규약 이름 처음 만나는 Node.jsREST API 실습 POSTMAN 설치 서버와 통신을 할 때는 주로 JASON 형식으로 주고 받는다. REST API: 통신 규약에 관한 용어 Authentication: 통신을 할 때 내가 누군지를 밝히는 절차 (인증) 내가 누군지를 밝혀야 나에 관한 자료를 받을 수 있다.

0
Front-endJavaScript

자바스크립트 11일차

previousElementSibling previousElementSibling는 가장 앞에 있는 요소에 주면, null이 반환된다. insertBefore와 appendChild insertBefore에 2번째 인자로 null이 들어가면 appendChild와 똑같이 동작한다. nextElmentSibling 맨 마지막에 있는 요소의 nextElme

0
Front-endJavaScript

자바스크립트 10일차

DOM API이벤트 객체 e.stopPropagation() - 이벤트 전파 과정을 멈추기 더 이상 이벤트 과정을 실행시키지 않는다. 종종 사용하므로 기억할 것! e.currentTarget - ‘실제로 이벤트를 일으킨 요소’가 저장되어 있음 이벤트를 실제로 일으킨 요소와 이벤트가 등록되어 있는 요소는 같지 않을 수 있다. ex) 버튼을 클릭했을 때 실

0
Front-endJavaScript

자바스크립트 9일차

내장 객체 및 생성자JSON 자료구조(메모리에 올라간 객체나 배열)은 그대로 전송할 수 없다. 객체나 배열은 메모리에 저장된다.크롬, 익스플로러 등등 각 브라우저가 메모리에 저장하는 방법이 달라서 호환이 되지 않는다. (브라우저 간의 메모리 구조가 다르다.) 따라서 저장/전송 가능한 형태로 변환하는 절차가 필요하다. -> 직렬화(serializatio

0
Front-endJavaScript

자바스크립트 8일차

연산자 더 알아보기표현식(Expression) 표현식: 코드 중에 값으로 변환될 수 있는 부분 평가: 표현식을 값으로 변환하기 위해 실제로 해당 표현식을 실행시키는 절차 단축 평가(Short-circuit Evaluation)단축 평가의 연산자는 React할 때 많이 쓰인다. && 왼쪽 피연산자가 falsy이면 이 값을 반환.오른쪽 피연산