IT / 개인공부 끄적끄적

☆작성 이유!☆ 우리가 프로그래밍을 공부하거나 개발을 할 때 XML, JSON이라는 단어를 한 번쯤은 보게 되는데 이 두 가지의 개념과 차이점에 대해서 모르는 상태로 웹 개발을 했었다. 누가 xml은 뭐고 json은 뭐야? 왜 xml이 아니라 json을 사용해?라는 질문을 받았을 때 여기에 대한 질문에 대답할 수가 없었다. json형식이 뭐가 좋길래 xml이 아니라 주로 json형식을 사용하는지, 차이점은 무엇인지, jQuery vs fetch에 대해서 작성하려고 한다. 우선 ajax나 fetch에 대해서 설명하기 전에 동기 통신과 비동기 통신의 개념 및 이해를 하고 나서 xml과 json, yaml에 대한 기본 개념 및 차이점, 마지막으로 jQuery Ajax와 Fetch 차이점에 대한 설명을 하고 마..

fetch() 메소드란? JavaScript의 fetch() 메소드는 "비동기 통신으로 요청(request)을 발행하고, 해당 응답(response)을 취득하는" 함수이다. 즉, 「비동기 통신이라는 방법으로, 서버상에 있는 원하는 데이터를 취득할 수 있다」 라는 의미이다. fetch() 메소드를 이해,하려면 요청·응답, 비동기 통신이 무엇인지 이해해야한다. WEB 페이지의 구조도 보면서 차례로 확인해보자! ⇒ 웹페이지 구조로 보는 요청과 응답 웹페이지 구조에 대한 요청과 응답은 아래와 같다. ■화면에 WEB 페이지를 표시하는 구조 WEB 페이지의 표시는 브라우저 상에서 「이 웹 페이지를 보고싶어!」라는 요청(request)를 송신하고, 서버가 「이게 WEB 페이지의 정보야!」라고 응답(response)을..

const arr = [0, 1, 2, 3, 4, 5] 이 arr의 요소들의 합을 구하려면 어떻게 해야할까? 바로 생각나는 방법으로는 for문, foreach, while문과 같이 반복문을 사용하는 방법이다. for문이 내가 가장 주로 사용하는 반복문이기 때문에, for문으로 예제를 들자면 아래와 같다. const arr = [0, 1, 2, 3, 4, 5] let sum = 0; for(var i = 0; i res + arr[i], 0)) 위와 같..

타입스크립트(TypeScript) 기본 타입 String Number Boolean Array Tuple Enum Any Void Never Null/Undefined String 타입이 문자열인 경우 let str:string = 'hello'; // 위와 같이 :를 사용하여 자바스크립트 코드에 타입을 정의하는 방식을 // 타입표기(Type Annotation)라고 한다. Number 타입이 숫자일 경우 JavaScript의 모든 숫자(10, 2, 16진수 등의 모든 부동 소수점 수)를 지정 let num1:number = 10; let num2:number = 10.85; Boolean 타입이 진위 값(true/false)인 경우 let isLoggedIn1:boolean = true; let isL..

타입스크립트(TypeScript)란? TypeScript는 JavaScript를 확장하여 만든 프로그래밍 언어이다. ⇒ 즉! JavaScript로 개발하다보니 에러나 가독성 등의 측면에서 불편해서 만들어진게 TypeScript! 2014년경에 Microsoft에 의해 개발・발표되었다. TypeScript로 작성된 코드를 컴파일하면 JavaScript 코드로 변환이 된다. 그 때문에, JavaScript 파일을 실행할 수 있는 환경이라면 곧바로 사용할 수 있어, JavaScript 라이브러리도 TypeScript에서 사용할 수 있는 등 호환성이 높은 것이 특징이다. TypeScript는 규모가 큰 프로젝트처럼 많은 프로그래머들이 개발할 때, 오류를 방지하기 위해 설계가 되었다. 이외에도 변수의 데이터 형을..