도영스 공간

🧸 이번 5주차 WIL 키워드 ! ☑️ Axios 🧸 axios는 HTTP 비동기 통신 라이브러리이다. (Axios docs) 🧸 특징 브라우저에서 XMLHttpRequests 만들기 node.js에서 http 요청 만들기 Promise API 지원 요청 및 응답 가로채기 요청 및 응답 데이터 변환 취소 요청 JSON 데이터에 대한 자동 변환 XSRF 로부터 보호하기 위한 클라이언트 측 지원 설치 Using npm: $ npm install axios Using bower: $ bower install axios Using yarn: $ yarn add axios Using jsDelivr CDN: Using unpkg CDN: axios 자세한 사용법 음 사용법을 봐도 잘 모르겠다. 실제로 내가 써보고..

이번 4주차 WIL 키워드 ! 👉라이프사이클(클래스형 vs 함수형) 👉 react hooks 1. 라이프사이클(클래스형 vs 함수형) 리액트는 클래스형과 함수형으로 컴포넌트를 생성할 수 있는데, 주로 함수형 컴포넌트가 많이 사용된다. 이제 클래스형은 사용하지 않는다고 리액트에서 공식 발표를 했다고 한다. 함수형 컴포넌트의 가장 큰 장점으로는 간단하게 함축적인 프로그래밍이 가능하다는 것 클래스형 라이프사이클 render() 메소드와 Component 상속 필수 state, props 사용이 불편하고, 많은 메모리 사용한다는 단점이 있다. 함수형 라이프사이클 간편한 컴포넌트 선언 및 프로그래밍 가능 React Hook을 사용 state와 생명주기(Life Cycle) 메소드를 별도로 구현해야 함 => use..

이번 3주차 WIL 키워드 ! 👉DOM 👉서버리스 1. 문서 객체 모델(DOM, Document Object Model)이란 ? DOM은 html 단위 하나하나를 객체로 생각하는 모델이다. XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다. 👉 기본적으로 여러 프로그램들이 페이지의 콘텐츠 및 구조, 그리고 스타일을 읽고 조작할 수 있도록 API를 제공한다. 뷰 포트에 무엇을 렌더링 할지 결정하기 위해 사용되며, 페이지의 콘텐츠 및 구조, 그리고 스타일이 자바스크립트 프로그램에 의해 수정되기 위해 사용된다. DOM은 원본 HTML 문서 형태와 비슷하지만 몇 가지 차이점이 있다. 항상 유효한 HTML 형식..

이번 WIL 키워드 ! 👉JavaScript의 ES란?, ES5/ES6 문법 차이 우선 자바스크립트의 ES란 ?? ES는 ECMA Script의 약자 자바스크립트는 1990년대 Netscape 회사의 Brendan Eich 라는 사람에 의해 최초 개발되었다. 자바스크립트가 잘 되자, MS에서 Jscript라는 언어를 개발해 IE에 탑재하였는데, 이 두 스크립트가 너무 제각각이라, 표준이 필요하게 되었다.. 표준을 위해 자바스크립트를 ECMA(European Computer Manufactures Association)라는 정보와 통신시스템의 비영리 표준 기구에 제출하였고 표준에 대한 작업을 ECMA-262란 이름으로 1996년 11월에 시작해 1997년 6월에 채택되었다. ES5는 ECMA Script5..