본문 바로가기
반응형

#javascript17

jQuery(제이쿼리) ajax와 fetch와 Axios 차이점 비교, jquery ajax vs fetch vs axios Ajax란? 전통저인 Ajax는 Asyncronous Javascript and XHTTPREQUEST(XHR)를 가리키며, http 통신에서의 비동기적으로 데이터를 주고받는 방식의 하나입니다. 데이터가 업데이트 될 때마다 페이지 전체를 받아오는 대신, 화면에서 표시되는 일부 필요한 부분의 데이터에 대해서만 받아와서 업데이트하기 위해 도입되었습니다. 오래전에는 서버에서 데이터를 받아오는데 XML이 사용되었으나, 현재는 기본적으로 json 형식으로 받습니다. 전통적인 ajax의 사용코드는 아래와 같습니다. var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === xhr.DONE) { if (xhr... 2021. 11. 20.
vuex란?, vuex사용이유, vuex구조, vuex 왜 쓰는가, vuex 사용하는 이유, vuex action, vuex mutation, vuex store, vuex getters vuex란? Vuex는 vue.js에서 상태 관리 패턴을 적용할 수 있는 라이브러리입니다. 웹 애플리케이션의 모든 구성 요소에 대한 중앙 집중식 저장소 역할을 하며, 예측 가능한 방식으로만 상태를 변이시킬 수 있도록 하는 규칙이 있습니다. 상태관리 패턴이란 무엇인가? vuex를 사용하는 이유, vuex는 왜 쓰는가? 많은 애플리케이션을 구축하는 데 있어 발견되는 전형적인 문제는 서로다른 UI component에서 동일한 데이터를 보여줄 때, 이를 동기화하는 것이 문제입니다. 종종, 상태의 변화는 다수의 컴포넌트에 반영될 필요가 있으며, 애플리케이션 규머가 커짐에 따라 이러한 복잡성이 증가합니다. 큰 규모에서의 UI에서의 보여주는 데이터를 동기화하기 위해 중앙 저장소를 사용하고, UI는 중앙저장소의 값을 .. 2021. 11. 15.
Angular vs AngularJS: Angular와 AngularJS의 차이 Angular와 AngularJS는 무엇인가? AngularJS : 자바스크립트 기반의 오픈 소스 프론트엔드 웹 애플리케이션 프레임워크 Angular : 타입스크립트 기반 오픈 소스 프론트엔드 웹 애플리케이션 프레임워크. AngularJS의 재작성된 버전입니다. SPA (Sinlge Page Application)을 쉽게 만들기 위해 AngularJS가 만들어졌고, AngularJS가 재개발되어 2016년부터 Angular로 진화한것이라고 말씀드릴 수 있습니다. Angular와 AngularJS의 차이점은 무엇일까? Angular vs AngularJS의 중요한 구별점 중 하나는 AngularJS는 JavaScript 기반인 반면, Angular는 TypeScript 기반이라는 것입니다. 이 두 프레임워.. 2021. 11. 10.
typescript 시작하기, 설치하기, 개발하기, 프로젝트생성, 컴파일, 실행하기, 핸드북 type script란? "타입이 존재하는 Javascript 프로그래밍 언어" - 자바스크립트의 수퍼셋으로, ECMA스크립트의 최신 표준 지원 - 정적인 언어로 컴파일 시간에 타입을 검사 - 아파치 라이센스 오픈소스 프로그래밍 언어 장점 - 강력한 개발 도구지원 - 강력한 타입제공으로, 대규모 애플리케이션 개발에 용이 - 다양한 자바스크립트 라이브러리와의 호환성 목차 개발환경 구성 (Windiws 10) - Node.js 설치 ( https://nodejs.org/ko/ ) - 비주얼 스튜디오 코드 설치 ( https://code.visualstudio.com/download ) - 프로젝트 생성 ※ 윈도 기반으로 설명합니다. 1. Node.js 설치 ( https://nodejs.org/ko/ ) 에.. 2021. 10. 27.
typescript (타입스크립트) 개발후기 typescript "타입이 있어 안전한 프로그래밍이 가능한 자바스크립트" 장점 1. 자바스크립트에서 type이 추가되었다. 빌드타임에 미리 에러를 감지할 수 있어 개발효율을 높인다. 2. 좀 더 OOP 스럽게 코딩이 가능하다. interface, class, inheritance 등을 지원하기에, javascript 보다 더 oop 스럽게 코딩이 가능하다. javascript에서는 이러한 부분을 지원을 제대로 안하여 약간 야매식(?) 으로 oop 구현을 했었는데, typescript는 이를 언어차원에서 커버해준다. 3. 자동완성 기능 사용가능 : type추론이 가능하기때문에 내가 사용하려는 class의 instance의 member / method 호출에 대한 자동완성기능을 사용할 수 있다. 매우 유용.. 2021. 9. 8.
반응형