본문 바로가기

javascript5

자바스크립트의 연산자 연산자를 알아보기 전에 먼저, 피연산자는 "값"이라고 할 수 있다. 우리는 피연산자를 연산하여 새로운 값을 만드는데, 그 역할을 하는 것을 연산자라고 한다. 자바스크립트가 제공하는 다양한 연산자를 살펴보자. 산술 연산자 산술 연산자에는 이항 산술 연산자, 단항 산술 연산자, 문자열 연결 연산자가 있다. 이항 산술 연산자는 2개의 피연산자를 산술 연산해 숫자 값을 만든다. +, -, *, / 사칙연산과 %같은 나머지 연산자가 있다. 이항 산술 연산자는 피연산자의 값을 변경하지는 않는다. 단항 산술 연산자는 1개의 피연산자를 산술 연산해 숫자 값을 만든다. ++, --, +, -가 있으며, 피연산자의 값을 변경할 수 있다. 그리고 증가/감소(++, --) 연산자는 위치에 따라 값이 달라질 수 있다. var .. 2020. 12. 14.
자바스크립트의 데이터 타입과 동적 타이핑 자바스크립트(ES6)는 7개의 데이터 타입을 제공한다. [숫자(number), 문자열(string), 불리언(boolean), undefined, null, 심벌(symbol), 객체] 객체를 제외한 나머지 6개는 원시 타입이라 부르기도 한다. 각 타입은 확보해야 할 메모리 공간의 크기도 다르고 메모리에 저장되는 값도 다르며 해석하는 방식도 다르기 때문에 명확한 의도를 가지고 타입을 구별해 값을 생성해야 한다. 숫자(number) 파이썬을 포함해 많은 프로그래밍 언어에서는 보통 숫자 안에서도 타입을 나누는 경우(int, float..)가 많은데, 자바스크립트는 통합된 number 타입만 있다. ES(이제 ECMAScript를 ES라 줄여서 칭하겠다)에서 number는 64비트(8바이트) 부동소수점 형식을.. 2020. 12. 13.
자바스크립트와 변수 자바스크립트에서 변수를 선언할 때에는 반드시 키워드를 앞에 붙여줘야 한다. 파이썬에서는 index = 0 처럼 선언하면 되지만, JS에서는 var index = 0; 이렇게.. 변수란? 10 + 20을 계산할 때 사람은 10, 20, +기호를 모두 머릿속에 기억하고 연산도 두뇌로 한다. 그러나 컴퓨터는 저장공간과 연산공간이 다르다. 10, 20은 각각 메모리 셀에 2진수로 기억되고, 각 셀은 고유의 주소를 갖는다. 그리고 메모리 셀에 저장된 값을 CPU라는 곳에서 연산을 한다. 그 연산 결과는 또 어떤 메모리 셀에 들어가게 된다. 이때 결과 셀의 주소를 알아야 다음에 또 참조를 할 수 있는데, 자바스크립트에서 개발자는 주소를 통해 값에 직접 접근할 수 없다. 그래서 '변수'라는 메모리 주소(공간)를 식별.. 2020. 12. 11.
자바스크립트(JavaScript)에 대해 가볍게 알아보자 나는 Vue.js로 여러 프로젝트를 진행했지만, 아이러니하게도 자바스크립트에 대해선 잘 모른다. 왜 이럴까 생각해본 결과, 프로젝트 당시에는 구현에 급급해서 필요한 문법이나 기능을 구글링해 써먹고 다음날 바로 잊어버리는.. 아무튼 제대로 각 잡고 공부를 안 해서 그런 것 같다. 그래서 이제 팀 프로젝트도 끝났고, 취준생 신분이지만.. 시간적 여유가 좀 있어서 JS를 배우며 디자인 + UI / UX + 프론트를 겸한 개인 프로젝트를 해보려고 자바스크립트 교재를 샀다. 교재로 JS를 배우며 알게된 것들, 느낀 것들을 기록하려고 블로그에 JS 카테고리를 만들었다. 우선 내가 구매한 책은 이 책이고, 가능하면 ebook으로 구매하고 싶었는데 아직 없는 것 같아 종이책으로 구매했다. 책 두께는 4cm정도의 둔기급.. 2020. 12. 11.
[게르만 민족 프로젝트]Django로 정산하기 지난 포스팅에서 카카오페이로 결제한 건을 OrderList에 기록하였다. 지난 포스팅 ↓↓↓↓↓↓ https://in0-pro.tistory.com/27 [게르만 민족 프로젝트]Django로 카카오페이 API 사용하기2 프로젝트를 어느 정도 진행한 후 지난번에 작성한 카카오페이 API 사용 후기와 달라진 점이 많아서 2탄을 만들었다 지난번 게시글 ↓↓↓↓↓↓↓↓ https://in0-pro.tistory.com/16 [게르만 민족 프로젝� in0-pro.tistory.com 이제 OrderList를 사용하여 사장님 페이지에서 날짜를 선택하면 해당 기간의 매출을 보여주는 페이지를 만들어보자. path('/pocket/', views.pocket, name="pocket"), 접근 url은 이러하다. 그리고.. 2020. 6. 11.