프로그래밍 언어/Javascript

개요 Axios를 이용하여 REST API 를 사용할 경우, IDE 의 자동완성 기능의 도움을 받고자 Axios 로 수신한 응답 데이터의 Type 을 지정하고 싶습니다. 본문 Axios 에는 사전에 정의된 응답에 대한 Type 이 다음과 같이 정의가 되어 있습니다. export interface AxiosResponse { data: T; status: number; statusText: string; headers: Record; config: AxiosRequestConfig; request?: any; } 따라서 아래와 같이 설정을 하면 응답에 대해 형식을 지정할 수 있습니다. 예시코드 (우편번호 응답) interface resEPostAPI { NewAddressListResponse : { cm..

모듈로 연산 (Modulo Operation)모듈로 연산(Modulo operation)은 두 수가 주어졌을 때, 하나의 수로 다른 하나를 나눈 나머지를 구하는 것입니다.이를 기호로 쓰면 A mod B = R 가 됩니다.많은 프로그래밍 언어에는 자체적인 mod 연산자가 있으며 보통 % 기호로 표시합니다. 하지만 음수에 대해 이 연산자를 사용할 경우 JavaScript와 같은 일부 언어는 음수 결과값을 표시합니다.즉, 다음과 같은 결과를 얻게 됩니다.-5 % 3 = -2하지만 나머지는 정의에 따라 0보다 크거나 같고 나누는 값보다 작아야 하므로 그 결과는 1이 되어야 할 것입니다.-5 = 3 * (-2) + 1모듈로연산(%)의 결과는 한정된 범위에서 시계처럼 반복되기 때문에 배열 Index를 증가/감소시킬..

개요 웹브라우저의 Windows 객체에가 제공하는 setTimeout과 setInterval 메서드를 활용하면 지정된 시간 후에 함수를 실행하거나 일정한 시간 간격에 따라 함수를 반복 실행할 수 있습니다. setTimeout - 지연 시간 후, 함수 실행 setTimeout 메서드를 사용하면 일정 시간이 흐른 후, 함수를 호출(실행) 하도록 할 수 있습니다. 사용예는 다음과 같습니다. setTimeout(function() { console.log(new Data()); }, 3000); 이 코드를 실행하면 3초 후에 현재 날짜가 콘솔에 표시됩니다. setTimeout() 메서드의 첫 번째 입력 파라메터는 ‘실행하고자 하는 함수’, 두 번째 입력 파라메터는 ‘지연시간’ 을 밀리초 단위로 지정합니다.또한 ..

JavaScript에서 발생하는 오류(Error)의 종류 일반적으로 프로그래밍 중 발생할 수 있는 오류는 3가지가 있습니다. 1. 구문 오류(Syntax Error) JavaScript가 요구하는 규칙대로 프로그램을 작성하지 않을 경우 발생합니다. 예를 들면 다음과 같은 코드입니다. ▼ 구문 오류 발생 예제 console.log("안녕하세요" consoe.log 호출 시 )를 누락하였습니다. 따라서 코드를 실행해보면 SyntaxError: missing ) after argument list라는 오류 문구를 출력합니다. 2. 실행시간 오류(Runtime Error, Exception) 이런 종류의 오류는 프로그램을 실행할 때 발생합니다. 다시 말해 실행(평가)해보기 전까지는 그곳에 오류가 있는지 알 수 ..

객체 JavaScript에서 기본자료형을 제외한 모든 값은 객체입니다. 이름과 값을 한 쌍으로 묶은 데이터를 여러개 모은 것입니다. // 객체의 생성 let user = { name: "TOM", age: 10 }; console.log(user); 여기서 name과 age 는 각각 user 객체의 프로퍼티라고 부릅니다. 여기서 name 생성이 된 객체의 프로퍼티를 접근(값을 읽거나 값을 변경)할때는 . 연산자나 [] 연산자를 사용하며 프로퍼티의 이름을 이용하여 접근합니다. 대괄호 연산자에는 작은 따옴표(') 또는 큰 따옴표(") 를 사용하여 이름을 기술합니다. // 객체 프로퍼티 읽기 console.log(user.name); // 객체 프로퍼티 변경 user['age'] = 15; console.lo..

개요 앞서 밝힌 바와 같이 저는 대학을 졸업 후, 한 직장에서 쭉 C 를 사용하여 프로그램을 개발해왔습니다. 덕분에 이번에 학습 하는 JavaScript 도 제가 사용해 왔던 C 와 다른 부분을 중심으로 기술하며, 동일한 부분은 간략히 넘어가도록 하겠습니다. 앞서 구축했던 학습환경의 main.js 파일에 있는 내용을 이후 나오는 예시 코드로 교체하여 실행해 볼 수 있습니다. 변수 JavaScript의 변수는 C 와 달리 별도의 타입을 지정하지 않고, let 키워드를 사용하여 생성합니다. 참고로 이렇게 변수에 저장된 데이터의 타입을 동적으로 바꿀 수 있는 언어를 동적 타입 언어 라고 부릅니다. let message; message = "Hello"; console.log(message); 데이터타입 기본자..

개요 저는 현재까지 리눅스에서 동작하는 C 로 작성된 소프트웨어를 개발하는 일을 하고 있습니다. 주로 하드웨어를 제어하여 해당 하드웨어가 서비스를 하도록 하는 프로그램입니다.작년부터 웹에서 직접적으로 사람들이 원하는 서비스를 제공할 수 있는 소프트웨어를 만드는 것에 관심을 갖게 되었고, 현재 이를 위하여 학습을 하고 있습니다.본 블로그에 작성하게 될 내용은 제가 학습하는 내용에 대한 메모입니다.각종 웹/도서에 있는 내용을 읽고, 새롭게 알게 된 것들만 기록할 것 입니다. 프로그래밍 언어 지금부터 제가 학습할 JavaScript 는 프로그래밍 언어의 하나입니다.프로그래밍 언어란 컴퓨터 프로그램을 작성하기 위한 언어입니다. 다시 말하면 컴퓨터 프로그램(소프트웨어)의 동작을 설명하기 위한 언어입니다.프로그래밍..