컴퓨터 알아가기/JavaScript
-
JavaScript 입문 : 변수 선언, 변수 이름 짓기, 변수 내용 수정컴퓨터 알아가기/JavaScript 2021. 11. 8. 19:30
본 글은 제로초 TV, 모던 자바스크립트, JavaScript MDN을 기본으로 하고 있습니다. 1. 변수 선언 자바스크립트 뿐만 아니라 컴퓨터 프로그래밍에서는 변수선언은 중요한 의미를 가집니다. 변수를 선언함으로써 해당 변수에 원하는 내용을 저장하는 기능을 가져 나중에도 같은 내용을 사용하는데 쓸 수 있습니다. 변수 선언은 let + 원하는 변수명으로 하면 됩니다. 다음 그림은 뱐수를 사용하는 기본을 보여줍니다. 즉, a라는 변수명을 let을 통해 선언하고 저장 시킵니다. 그리고 그 후 부터는 a만 사용해도 해당 값이 반환됩니다. 조금 더 진도를 나가 보겠습니다. 3개의 숫자를 변수에 넣어서 사용하는 방법을 보겠습니다. ☞ 연산자 등호(=)의 의미 자바스크립트에서는 같다의 의미는 == 이나 === 으로..
-
JavaScript 입문 : undefined, null, 비교 연산표컴퓨터 알아가기/JavaScript 2021. 11. 5. 19:30
본 글은 제로초 TV, 모던 자바스크립트, JavaScript MDN을 기본으로 하고 있습니다. 지금까지 코딩을 들어가지는 않고 자료형에 대해 공부를 해 보았습니다. 문자열 (string), 숫자형 (number), 불린 값 (boolean)을 연습해 보았는데 빈 값(empty value)을 나타내는 undefined 와 null 에 대해 공부하는 시간을 갖도록 해 보겠습니다. 1. undefined 자바스크립트에서는 반환할 값이 없을 때 undefined 라는 값이 나옵니다. 정의가 안되었다라는 뜻이겠죠. 처음 이 카테고리를 공부하면서 무작정 따라했던 console.log에서 다음과 같이 한번 본 적이 있습니다. 여기서도 반환값이 undefined 밖에 없다는 이야기입니다. 그리고 이제부터는 쎄미콜론을..
-
JavaScript 입문 : 각종 값들의 비교, 자료형의 크기, 논리 연산자, 반대 연산자컴퓨터 알아가기/JavaScript 2021. 11. 3. 19:30
본 글은 제로초 TV, 모던 자바스크립트, JavaScript MDN을 기본으로 하고 있습니다. 1. 자료형의 크기 지난 시간 각종 값들을 비교해 보았습니다. 구체적으로 들어갈 수록 외워서는 불가능한 결과값들을 볼 수 있었는데요. 그런 경우라도 다 이유와 규칙이 있다고 합니다. 도움이 되는 강좌에서 규칙이 설명되지 않는 부분은 곰곰히 연구를 하면서 내것으로 만들어야 겠습니다. 예를 들어 '문자열 숫자'와 '숫자열'을 비교하게 되면 '문자열 숫자'는 '숫자열화'되어 '숫자열'과 비교가 가능하여 참과 거짓을 확인할 수 있습니다. 그러나 '문자열'과 '숫자열'을 비교하는 것은 서로의 성질이 다르기 때문에 비교할 수 없는 결과로 어떠한 경우라도 false가 나오는 규칙을 추정할 수 있습니다. 심지어는 문자열의 ..
-
JavaScript 입문 : Boolean값, 각종 값들의 비교 (문자열의 비교)컴퓨터 알아가기/JavaScript 2021. 11. 1. 19:30
본 글은 제로초 TV, 모던 자바스크립트, JavaScript MDN을 기본으로 하고 있습니다. 1. Boolean 값 이전까지는 자료형을 보면 문자열과 숫자열을 공부해 보있습니다. 3번째로 첫번째 언급했던 불 값 도는 불린 값이라고 불리는 내용에 대해 알라보겠습니다. 이는 참(true)과 거짓(false)으로 구분되는 자료형입니다. 다음과 같이 입력하며 따옴표로 감싸지 않습니다. 왜냐하면 문자열이 아니기 때문이죠. 대문자 소문자 주의하시기 바랍니다. 그럼 이런 불린 값을 언제 사용할까요? 연산에서 참과 거짓을 구분할 때 사용됩니다. 특히 비교연산에 사용됩니다. 아마도 향후 프로그램밍을 하면서 참과 거짓의 논리적 흐름에 맞게 코딩이 되야 되기 때문에 이런 자료형이 나온게 아닌가 막연하게 생각해 봅니다. ..
-
JavaScript 입문 : 연산자 우선순위, 소수점 계산컴퓨터 알아가기/JavaScript 2021. 10. 29. 19:30
본 글은 제로초 TV, 모던 자바스크립트, JavaScript MDN을 기본으로 하고 있습니다. "지치지말고 자신이 하고 싶은 일을 해 나가자. 비록 지금 이순간 힘들더라도" 1. 연산자 우선순위 모든 프로그램의 기본은 일반적 규칙에 따른다고 생각하면 됩니다. 특히 연산을 할 때 기본적인 수학에서 사용하는 우선순위랑 같습니다. 예를 들어 덧셈, 뺄셈 보다는 곱하기, 나누기를 먼저 해야겠죠. 상식적으로 생각하면 될 것 같습니다. 프로그램밍 언어와 일반적 학문에서 사용하는 방식이 다르면 심각한 문제가 발생될 수 밖에 없겠죠. 다음 그림에서 보면 이해가 쉬울 듯 합니다. 모든 연산에서 우선시되는 규칙이 괄호를 사용하는 경우입니다. 단, 주의할 점은 자바스크립트에서는 중괄호와 대괄호는 다른 의미로 사용 된다고 ..
-
JavaScript 입문 : prompt(), 제곱근 연산, Infinity컴퓨터 알아가기/JavaScript 2021. 10. 27. 19:30
본 글은 제로초 TV, 모던 자바스크립트, JavaScript MDN을 기본으로 하고 있습니다. 이제부터는 기본형태에 대해 다양하게 확인하고 공부하는 시간을 가져보도록 하겠습니다. 1. prompt() 이 기능은 직접 값을 입력할 때 사용하는 기능입니다. 프롬프트라는 단어를 생각할 때 바로, 직접이라는 뜻도 있지만 TV에서 보면 연설자가 보고 읽는 화면(스크린)이 있는데 그것을 프롬프트라고 합니다. 즉, 제 생각에는 어떤 값을 입력하는 창이라고 보면 될 것 같습니다. 직접 값을 입력하는 기능으로 값은 문자열입니다. 확인해 보겠습니다. 위 그림을 보면 prompt()라고 입력하고 엔터를 치면 다음과 같은 입력창이 열립니다. 이 입력창에 123이라는 숫자를 치면 맨위에 그림과 같이 '123'이라고 따옴표와 ..
-
JavaScript 입문 : 기본기 (숫자열 표시, parseInt, parseFloat, Number)컴퓨터 알아가기/JavaScript 2021. 10. 25. 19:30
본 내용은 제로초 TV의 자바스크립트 강좌를 기본으로 공부한 내역을 정리한 글입니다. 이제는 숫자를 표시하거나 연산되는 내용에 대해 좀 더 알아 보도록 하겠습니다. ▒ 숫자 표시 숫자를 표시할 때 정수이외 소수점이나 마이너스 등 다양하게 표시하는데 자바스크립트상에 그대로 표시하면 됩니다. 다음을 참조하면 이해가 쉽습니다. (우리가 쉽게 이해할 수 있는 십진법을 기준으로 한번 보겠습니다.) 위 그림을 조금 설명을 하면 다음과 같습니다. "기본적인 숫자 표시는 같다. 특히, 단위가 큰 경우 예를 들어 10,000인 경우 이는 1 곱하기 10의4제곱이기 때문에 지수(Exponent)를 사용하여 1e4로 나타낸다. 같은 원리로 소숫점 이하로 나타낼 경우 예를 들어 0.0005은 5 곱하기 10의 -4제곱이므로 ..
-
JavaScript 입문 : 기본기 (역슬래시, 문자열 연산, 문자열 띄어쓰기)컴퓨터 알아가기/JavaScript 2021. 10. 22. 19:30
본 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 1. 역슬래시의 활용 지난시간 자바스크립트 코딩을 사용할 때 기본적으로 많은 전문가들이 작은떠옴표만 사용한다고 이야기 하였습니다. 그럴경우 역슬래시를 이용한 방법을 설명 드렸는데요. 역슬래시는 여러가지 기능이 있는것 같습니다. 다음과 같이 작은따옴표 없이 역슬래시를 사용하는 경우 바로 다음스펠링을 삭제하는 기능을 가지고 있네요. 그럼 사라진 r을 살리기 위해서는 역슬래시를 두번 사용하면 됩니다. 그렇지만 역슬래시 하나가 보이는 군요. 뭐 그렇다는 이야기입니다. 2. 문자열 연산 ① 숫자의 사칙연산 그럼 개발자코드 Console 탭에서 사칙연산이 되는지 확인해 보겠습니다. 일단 숫자는 사칙연산이 잘 됩니다. ② 문자열의 사칙연산 문자열로 ..