본문 바로가기
728x90

javascript8

[JavaScript] 자바스크립트 기본기 다지기 자바스크립트 타입 기본 타입 Number - 실수, 부동소수점 64비트(double) String - 문자열 Boolean - True, False undefined - 변수에 값이 할당되지 않을 때 인터프리터가 undefined 로 할당. 값이자 타입 null - 개발자가 의도적으로 할당하는 값. typeof 값이 Object 로 반환. 따라서 === 로 확인 var nullCheck = null; console.log(typeof nullCheck === null); // false console.log(nullCheck === null); // true 참조 타입(객체 타입) Object Array - 배열도 객체로 취급 Function - 함수도 객체로 취급 NaN (Not a Number) 수치.. 2022. 2. 25.
[JavaScript] 자바스크립트 async와 await aync & await는 뭔가요? async와 await는 자바 스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법입니다. 기존 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 도와주죠. 개발자에게 읽기 좋은 코드란? 처음 프로그래밍을 배웠을 때 아래와 같이 변수와 조건문을 사용하셨던 기억이 있으시죠? var user = { id : 1, name: 'Josh' }; if (user.id === 1) { console.log(user.name); // Josh } 이 코드는 user라는 변수에 객체를 할당한 뒤 조건문으로 사용자의 아이디를 확인하고 콘솔에 사용자의 name을 찍는 간단한 코드입니다. 우리는 이렇게 위에서부터 아래로 한 줄 한 줄 차.. 2022. 1. 11.
[JavaScript] 자바스크립트 Promise 쉽게 이해하기 2022. 1. 11.
[JavaScript] 자바스크립트 비동기 처리와 콜백 함수 비동기 처리란 자바스크립트의 비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미합니다. 비동기 처리의 첫 번째 사례 비동기 처리의 가장 흔한 사례는 제이쿼리의 ajax입니다. 제이쿼리로 실제 웹 서비스를 개발할 때 ajax 통신을 빼놓을 수가 없습니다. 보통 화면에 표시할 이미지나 데이터를 서버에서 불러와 표시해야 하는데 이때 ajax 통신으로 해당 데이터를 서버로부터 가져올 수 있기 때문입니다. 그럼 ajax 코드를 잠깐 살펴보겠습니다. function getData() { var tableData; $.get('', function(response) { tableData = response; }); return tableDat.. 2022. 1. 11.
728x90