본문 바로가기

js13

TypeScript를 왜 사용해야 할까? Typescripts는 피할 수 없는 대세가 되었습니다. 구직사이트에서 웹 개발자만 검색해봐도 많은 IT기업들은 타입스크립트 사용자를 우대하거나 필수로 하고 있는 것을 볼 수 있습니다. Microsoft에서 현재 설계 개발을 지속적으로 이끌어 가고 있으며, 2022년 Stack Over Flow 설문 조사에서 개발자가 사랑하는 언어 3위를 차지하고 있는 언어입니다. https://survey.stackoverflow.co/2022/#most-loved-dreaded-and-wanted-language-want 타입스크립트는, 자바스크립트 기반으로 추가적인 코드 작성 ( 타입 지정 등)을 해준 후 다시 자바스크립트로 컴파일되어 사용되기 때문에 자바스크립트 슈퍼셋(superset) 같은 개념입니다. 결국 자.. 2022. 12. 3.
JavaScript의 비동기 처리? 비동기 VS 동기 Synchronous 동기 : 요청을 보낸 후 해당 요청의 응답을 받아야 다음 동작을 실행하는 방식 함수의 결과를 호출한 쪽에서 처리 Asynchronous 비동기 : 요청을 보낸 후 응답과 관계없이 다음 동작을 실행하는 방식 함수의 결과를 호출한 쪽에서 처리하지 않음 JS는 동기 프로그래밍 언어다. 자바스크립트는 싱글 스레드 기반의 언어이고, 자바스크립트 엔진은 하나의 호출 스택만을 사용한다. 이는 요청이 동기적으로 처리되어, 한 번에 한 가지 일만 처리할 수 있음을 의미한다. 만약, 네트워크 요청과 같은 비동기 함수가 동기적으로 이루어지는 함수로 만들어졌다면, 네트워크 요청이 다른 서버로 보내지고, 컴퓨터는 응답받기를 기다리며 느려질 것이다. 그 사이에 클릭이나, 다른 요소가 렌더링.. 2022. 11. 30.
[JS] 반복문 특정 명령을 반복해서 수행할 수 있도록 도와주는 문법 For 반복문 루프의 핵심은 어떤 기능을 반복하는 것 1부터 10까지 출력하기 for (let i = 1; i = 0; i--) { console.log(array[i]); } 중첩 루프 보통 중첩되는 for 루프 변수로는 i, j, k를 사용한다. 중첩 루프는 보통 중첩된 배열을 통과하거나 반복해야 할 때 사용된다. const food = [ ['apple', 'banana', 'strawberry'], ['onion', 'carrot', 'paprika'], ['pizza', 'hamberger', 'chicken'] ] for (let i = 0; i < food.length; i++) { const row = food[i]; for (let j.. 2022. 7. 2.
[JS] 객체 객체 개요 객체도 배열처럼 일종의 구조에 데이터 값들을 저장할 수 있는 자료형입니다. 선언법 생성자 호출 : let person = new Object(); 객체 리터럴 : let arr = {}; 배열과 달리 데이터 순서(order)가 아닌 **키(key)-값(value)**의 쌍으로 이루어진 프로퍼티를 이용해 데이터를 저장한다. 프로퍼티는 순서나 우선순위가 없다. 배열과 마찬가지로 어떤 자료형을 넣든 상관없다. key값 중복시키는 거 지양 객체 리터럴 생성하기 객체 리터럴은 중괄호 {} 를 써서 만드는 키-값 쌍으로 저장되는 데이터 구조를 의미한다. 객체라는 말은 좀 더 범용적으로 쓰인다. typeof [] 가 Object로 나왔던 것을 생각하기 각 프로퍼티는 쉼표 , 로 구분한다. const per.. 2022. 7. 2.

티스토리툴바