본문 바로가기

프로그래밍105

JavaScript 기초 : 추상화 2. 함수 정의와 호출 2. 함수(Function) 정의와 호출 기본적으로 코드는 왼쪽에서 오른쪽, 위에서 아래로 읽고 쓴다. 그래서 함수를 정의하고 호출 할 때도 위에서 아래로 왼쪽에서 오른쪽으로 순서대로 정의하고 순서대로 호출한다고 생각하면 된다. 함수를 정의하는 것과 함수를 호출하는 것은 다르다. 함수를 정의할 때는 function 함수이름(파라미터){ 함수 내용 } 이렇게 정의하면 된다. 그리고 함수를 호출할 때는 함수 이름(파라미터) 이렇게 써주면 된다. 함수를 정의한 뒤 함수를 호출하면 함수 내에 있는 모든 내용들을 호출한다. 함수를 호출한 뒤에는 다음 줄로 이동한다. 예시를 살펴보자. fucntion square(x){ return x * x; } console.log('함수 호출 전'); square(5) con.. 2020. 9. 7.
JavsScript 기초 : 추상화 1. 할당 연산자(Assignment operators) 1. 할당 연산자(Assignment operators) '할당' 했다는 것은 지정했다, 정했다, 대입했다라는 의미이다. 수학에서 등호는 왼쪽과 오른쪽이 같다는 의미이지만 프로그래밍에서는 오른쪽에 있는 피연산자(연산이 되어 지는 대상)를 왼쪽에 있는 피연산자에 할당한다는 의미이다. 예시를 살펴보자. let name = 'yunju'; let x = 5; x = x - 2; console.log(x); 일단 오른쪽부터 계산을 해준다. x 가 현재 5이기 때문에 x -2 는 5 - 2, 즉 3이 된다. 그 다음 왼쪽 x에 3을 할당해준다. 결과적으로 이 코드는 x의 값을 2만큼 줄여주는 코드라고 볼 수 있다. 2. 복합 할당 연산자(Compound assignment operators)) 복합 할당 연산자는.. 2020. 9. 7.
JavaScript 기초 : 자료형 7. null과 undefined JavaScript 자료형 마지막! JavaScript자료형에는 숫자형, 문자형, 불린 등이 있다. 값을 저장할 때 아무것도 저장을 안하는 경우도 있고 의도적으로 null값을 저장하기도 한다. 두 경우가 콘솔에 다르게 표시되는데 이번 글에서는 null과 undefined에 대해 알아보려 한다. 7. null과 undefined 둘 다 값이 없다는 의미이다! 하지만 완전히 다르다. ??? 무엇이 다른지 살펴보자! null은 값이 없다는 것을 의도적으로 표현할 때 사용한다. undefined는 코드를 실행할 때 값이 없다는 것을 확인할 수 있는 것이다. 둘을 명확하게 이해하지 못한다면 코드를 작성할 때 실수가 생긴다. 이해 필수!!! 1) 변수 지정을 할 때 아무 값을 안 넣은 경우 자바스크립트에서는 값이 .. 2020. 9. 4.
JavaScript 기초 : 자료형 6. 템플릿 문자열 JavaScript 자료형 JavaScript자료형에는 숫자형, 문자형, 불린 등이 있다. 특히 문자열을 작성할 때 편리하게 작성하는 방법이 있는데 그 방법이 바료 템플릿 문자열이다. 이번 글에서는 템플릿 문자열 사용 방법에 대해 알아보자! 6. 템플릿 문자열 템플릿 문자열은 특정한 형식을 가진 문자열을 말한다. 문자열을 연결할 때 + 기호를 사용하면 된다. 하지만 +를 매 번 써줘야 하는 번거로움이 있기 때문에 좀 더 빠르고 쉽게 문자열과 변수, 숫자 등을 연결하는 방법이 바로 템플릿 문자열을 사용하는 방법이다. ${}을 사용하면 +를 사용하지 않아도 문자를 쭉 이어서 작성할 수 있다. line7과 line8을 비교해보면 ${}을 사용하는게 얼마나 편한지 알 수 있다. ${}을 사용할 때에는 문장의 처.. 2020. 9. 4.
JavaScript기초 : 자료형 5. 형 변환ⅰ,ⅱ JavaScript 자료형 JavaScript자료형에는 숫자형, 문자형, 불린 등이 있다. 각 자료형은 형 변환이 가능하다. 이번 글에서는 형 변환에 대해 알아보도록 하자! 5-1. 형 변환(Type Conversion) 형 변환이란 처음 값으로 정해진 자료형을 다른 자료형으로 변환하는 것이다. 이 때 다른 복잡한 코드를 작성할 필요 없이 자바스크립에서 제공하는 함수를 사용하면 된다. 문자열로 바꾸고 싶으면 String, 숫자로 바꾸고 싶으면 Number, 불린으로 바꾸고 싶으면 Boolean 함수 를 사용할 수 있다. 위의 그림을 보면 콘솔에서 문자는 검정 글씨, 숫자는 파란 글씨로 나온다. 형변환을 시킨 line6과 7을 보면 line 2와 3의 검정, 파란 글씨의 순서가 파란, 검정 글씨로 바뀌어 .. 2020. 9. 4.
JavaScript기초 : 자료형 4. type of 연산자/ 연산자 우선순위 4. type of 연산자 값의 자료형을 평가해서 number인지 string인지 boolean인지 문자열로 반환한다. 숫자인지, 문자열인지, 함수인지 등등을 문자열로 반환하여 콘솔에 보여준다. 중요 포인트! typeof 연산자는 사칙연산자보다 우선순위가 높다! line38의 경우 typeof 8을 먼저 해서 문자열 number가 될 것이고 문자열과 숫자3을 계산해야하니 '숫자가 아니다.' 라는 NaN이 나오게 된 것이다. 이럴 경우에는 line41처럼 괄호를 씌워주면 된다~! 4-2. 연산자 우선순위(precedence) 숫자연산의 경우 사칙연산 우선순위를 생각하면 편하다. 곱셈, 나눗셈을 먼저 그 다음은 덧셈, 뺄셈이다. 우선순위가 같으면 왼쪽부터 시작해서 오른쪽으로 연산이 수행된다. 연산자 우선순위.. 2020. 9. 4.
JavaScript 기초 : 자료형 3. 불 대수/ 불린형 JavaScript 자료형 JavaScript자료형에는 숫자형, 문자형, 불린 등이 있다. 그 중 세 번째 불린에 대해 알아보겠다. 3-1. 불 대수 일상전인 논리를 수학적으로 표시한 것 불 대수의 값은 진리 값이다. 어떤 명제가 참인지, 거짓인지 나타낸다. (True, False) 일반 수학의 연산기호는 +, - 등이지만 불대수의 연산은 and, or, not 이 3가지이다. 불 대수를 알려면 명제를 알아야한다. 1) 명제란 무엇일까? 명제는 참 또는 거짓이 확실한 문장을 말한다. ex) 대한민국의 수도는 서울이다. : 참인 명제 2는 1보다 크다. : 참인 명제 나는 멋지다 : 명제가 아님 2) And연산 x 와 y가 모두 참일 때만 x And y 가 참이다. 둘 중 하나라도 거짓이면 x And y .. 2020. 9. 4.
JavaScript 기초 : 자료형 2. 문자열 JavaScript 자료형 JavaScript자료형에는 숫자형, 문자형, 불린 등이 있다. 그 중 두 번째 문자열에 대해 알아보겠다. 2. 문자열 1) 문자열 출력 방법 문자열의 핵심은 따옴표, 또는 쌍따옴표 안에 글을 써줘야한다는 것이다. 그리고 시작 따옴표와 끝 따옴표의 종류는 같아야 한다! 따옴표는 코드 내에서 문자열을 구분하기 위해 사용되는 도구이다. 따라서 콘솔에 출력되는 내용은 따옴표를 제외한 따옴표 안에 있는 내용이다. 그렇다면 따옴표가 포함된 문자열은 어떻게 표현할까? 1) 양 끝을 감싸는 작은 따옴표를 큰 따옴표로 바꿔준다. 2) 역 슬래시를 활용한다. (엔터키 위에 ＼ : \표시를 누르면 된다.) 양 끝을 감싸는 따옴표와 중복되는 따옴표 앞에 써주기! 큰 따옴표가 겹친다면 겹치는 큰 따.. 2020. 9. 4.
JavaScript 기초 -자료형-1. 숫자형 JavaScript 자료형 JavaScript자료형에는 숫자형, 문자형, 불린 등이 있다. 그 중 첫 번째 숫자형에 대해 알아보겠다. 1. 숫자형 JavaScripte도 다른 언어와 마찬가지로 기본적인 사칙연산의 순서를 따른다. 1. line2는 덧셈의 결과 2. line3은 뺄셈의 결과 3. line4는 곱셈의 결과 4. line5는 나눗셈의 결과 5. line8은 7÷3의 나머지값 6. line11은 5의 3제곱 7. line14는 사칙연산의 우선순위에 따른 계산 결과 값 : 3×2 값 + 2 8. line15는 괄호안에 있는 계산부터 한 결과 값 : (2 + 3) 값 × 2 이 값들이 출력된 결과가 console에 나와있다. 숫자형 프로그래밍 방법은 타 프로그래밍 언어와 같다고 볼 수 있다! 2020. 9. 4.
Java Script로 무엇을 할 수 있을까? 웹의 등장! 웹은 1989년 등장 후 1990년대 이후 폭발적으로 사용이 증가했다. 처음에는 단순한 글 정보를 공유하는것에서 시작했지만 점차 이미지, 그림, 게임, 채팅, 은행 업무 등 다양한 분야의 여러 기능들이 추가되었으며 이제는 웹 없이는 살 수 없는 세상이 되었다. 웹의 발전에 큰 기여를 한 프로그래밍 언어가 바로 JS이다. 2015년 JS가 크게 발전하였고 점점 더 좋은 평가를 받기 시작했다. Java Sscript로 할 수 있는 것은 무엇일까? WEB개발 모바일 앱 개발 PC전용 프로그램 개발 AR/VR 블록체인 등 다양한 분야에 JS가 사용된다. Java Script 공부법! 따라하기나 외우지 않기 중요한 것은 프로그래밍의 원리 모든 언어를 배울 때에는 프로그래밍의 원리에 초점을 두어야 한다.. 2020. 9. 2.

티스토리툴바