기초부터 시작하는 코딩 일기

구조 // npm install realine-sync 모듈 다운로드 1. 검증 파일 (Validator.mjs) function isNumber(number) { return !isNaN(parseInt(number)); } function isOperation(operation) { let operations = "+-*/="; return operations.indexOf(operation) !== -1; } //Calculator에서 사용할 수 있도록 export한다. //외부로 내보내고자 하는 함수 혹은 객체에 export를 붙이면 외부에서 사용 가능 //export 여러 개 가능 export default { isNumber, isOperation, }; 2. 계산 파일 (Calculator...

export할 함수/객체/파일 등 파일이름: Validator.mjs export function isNumber(number) { return !isNaN(parseInt(number)); } export function isOperation(operation) { let operation = "+-*/="; return operations.indexOf(operation) !== -1; } //Calculator에서 사용할 수 있도록 export한다. //외부로 내보내고자 하는 함수 혹은 객체에 export를 붙이면 외부에서 사용 가능 //export 여러 개 가능 import할 파일 파일이름: Calculator.mjs import { isNumber, isOperation } from "./Val..

4-1. 배열(Arras) - 개요 - Javascript에서 배열(array)은 유사한 의미를 갖는 데이터들을 모아서 관리할 수 있는 리스트 형태의 데이터 집합이다. - Javascript의 배열은 길이가 고정되어 있지 않으며 데이터의 추가나 삭제를 통해 크기를 변경할 수 있다. - 배열은 인덱스(index)를 통해 데이터를 관리하며 하나의 배열 변수를 이요해 다수의 값을 관리한다. - 배열의 요소는 일반 변수와 마찬가지로 저장 되는 값에 의해 데이터 타입이 결정된다. set이나 map과 같은 배열 객체들은 나중에 배우고 자주 쓰이는 배열 위주로 우선 배운다. 자바, c와 자바스크립트는 배열의 형태도 다름 자바스크립트에서 배열은 객체형태. 리스트 형태로 하는 것이 배열이다. 각각의 배열 요소들마다 서로..

계산기 코드는 맨 하단에 있음. 함수 선언문 형태로 작성 함수 표현식으로 작성했을 때 차이점 module에 대해서도 하나의 application을 만들기 때문에 module에 대한 개념도 익힌다. //함수 선언문 function testFunc01() { console.log("Test Function!"); } testFunc01(); //호출하며 node를 통해서 호출. //=========================== //함수 표현식 // 변수 선언 함수리터럴 let testFunc02 = function () { console.log("Test Function2"); }; testFunc02(); //=========================== //new Function() 객체 생성자 ..

3-1. 함수(functions) - 개요 - Javascript에서 함수는 독립된 목적의 작업을 수행하기 위한 코드의 블록이다. - 함수는 각각의 기능을 가지며 JavaScript의 함수는 코드의 집합을 나타내는 자료형이며 객체이다. - Javascript의 함수는 일급(first-class) 객체이며 변수에 담거나, 전달인자와 반환값으로 전달할 수 있다. - 함수의 정의에는 함수명, 매개변수(parameter), 실행구문, 반환 결과가 있다면 반환 구문이 필요하다. javascript 함수는 일급객체라 하는데 특정기능을 하도록 코드를 작성하고 이 코드들을 변수에 담을 수 있는 것이 특징이다. 변수에 담았다가 함수를 보내주기도, 받기도 하는데 이러한 것을 일급객체라 일컫는다. 함수는 입력값(x)를 받고..

2-1. Javascript Data Types - Javascript는 동적 타입 체계(Dynamic Typed)언어로 변수에 타입을 지정하지 않는다. - 동적 타입 체계는 변수에 할당 되는 값의 타입에 따라 변수의 타입을 자동적으로 결정한다. - 이와 같은 동적 타입 체계의 장점은 프로그램의 유연성에 있지만 변수에 할당된 값을 읽어 사용하는 단계에서 문제가 발생할 여지를 가지고 있다. dynamic typed = loosely typed language = 동적 타입은 변수 선언시 타입을 지정하지 않는 것이다. 해당 데이터에 어떤 데이터를 assign하느냐에 따라 그 데이터가 결정된다. 문자열 / 숫자형 / .. 변수의 타입이 어떤 타입의 값을 넣는지에 따라 자동으로 결정되므로 프로그램의 유연성은 확..

1-1 Javascript 개요 - Javascript는 프로토타입 기반의 스크립트 언어로 객체지향 개념을 지원한다. - Javascript는 다중패러다임(multi-paradigm) 언어로 객체지향, 절차지향 프로그래밍이 가능하다. - 하나의 웹 페이지는 html, css, javasciprt에 의해 표현되고 사용자와 상호 작용한다. - Javasciprt는 타입에 대한 제약이 느슨한 타입 언어(looselt typed language)이다. 유효성 검사 / 다음 탭으로 이동 이런 건 js가 담당 js 학습에 있어서 3개의 언어가 소통을 하는 DOM 객체(document object Model)들을 제어하는게 주요 목적이었다. javascript를 가지고 dom객체들을 어떻게 access하고 그들의 e..

문자열 문자열 숫자 숫자

vscode에서 자바스크립트를 사용해보았다. 변수선언은 var를 통해서 하면 된다. (1)alert 사용 Document 코드를 입력 후 alt+B 버튼을 누르면 웹 브라우저가 켜지면서 하단 창이 뜹니다. 문장을 입력합니다. 입력 후 확인 입력한 문장이 나옵니다. 확인을 누릅니다. 진행을 원하면 확인을 누릅니다. 확인을 누르면 true가 나옵니다. 진행여부를 물을 때 취소를 누르면 false가 나옵니다. (2)console.log 사용 Document 코드 입력 후 Alt+B 문장을 적었습니다. 확인을 누른 모습 진행하면 빈 화면이 나옵니다. f12를 누릅니다.