Study
-
CommentsStudy/JavaScript 2020. 4. 28. 21:48
Comments Programming is often highly collaborative. In addition, our own code can quickly become difficult to understand when we return to it— sometimes only an hour later! For these reasons, it’s often useful to leave notes in our code for other developers or ourselves. As we write JavaScript, we can write comments in our code that the computer will ignore as our program runs. These comments ex..
-
error:: Cannot read property () of null 넌.. 누구니...?!Study/JavaScript 2020. 4. 23. 14:03
내가 이 에러친구 때문에 2시간을 헤매었다... ㅎㅎㅎ 이 에러친구는 처음만났기 때문에 뭐가 문제인지, 어떻게 해결해야하는지 몰랏기 떄문이다. 아마 JS 입문자여서 더욱이 문제해결능력이 떨어졌던 것 같다. 무튼 이 친구가 나의 JS 첫 문제상황!!! (반갑다 친구야🤔) 구글링을 해보니 다양한 해결책이 주어져있었다. 그러나 내 상황에 해당되는 것 같지는 않았다. 그래서 다시 또 구글링!! 드디어, 나에게 맞는 해결책을 찾았다!! annot read property 'val' of null 오류 발생, 개발자들 사이에서도 자바스크립트 내에서도 가장 자주 발생하는 오류라고 한다. 해결 방법 : 아마 자바스크립트 구문이 위에 있는 경우에 많이 발생하는듯함. 읽는 위치에 따라 해석이 달라지는데, 따라서 테스트..
-
JS 코딩의 기본 operator, if, for loopStudy/JavaScript 2020. 4. 20. 21:44
1. String concatenation console.log('my'+'cat'); //문자열 연산 console.log('1'+2); //문자열(숫자)과 숫자연산 console.log(`string literals: 1+2 = ${1+2}`); //string literals 2. Numeric operators console.log(1 + 1); // add console.log(1 - 1); // substract console.log(1 / 1); // divide console.log(1 * 1); // multiply console.log(5 % 2); // remainder console.log(2 ** 3); // exponentiation 3. Increment and decremen..
-
JS의 자료형Study/JavaScript 2020. 4. 20. 17:34
자바스크립트의 변수는 어떤 데이터든지 담을 수 있습니다. 변수는 어떤 순간에 문자열일 수 있고 다른 순간엔 숫자가 될 수도 있습니다. // 변숫값을 문자열에서 숫자로 바꿔도 에러가 발생하지 않습니다. let message = "hello"; message = 123456; 이처럼 자료의 타입은 있지만 변수에 저장되는 값의 타입은 언제든지 바꿀 수 있는 언어를 ‘동적 타입(dynamically typed)’ 언어라고 부릅니다. 자바스크립트에는 여덟 가지 기본 자료형이 있습니다. 이번 챕터에선 이 자료형 모두를 개괄적으로 다루도록 하겠습니다. 각 자료형에 대한 세부 사항들은 이어지는 챕터에서 다룰 예정입니다. 1. 숫자형 (number type) 2. BingInt (최근에 추가됨) 3. 문자형 (strin..
-
변수 명명 규칙Study/JavaScript 2020. 4. 20. 16:52
변수 명명 규칙 자바스크립트에선 변수 명명 시 두 가지 제약 사항이 있습니다. 변수명에는 오직 문자와 숫자, 그리고 기호 $와 _만 들어갈 수 있습니다. 첫 글자는 숫자가 될 수 없습니다. 다음은 유효한 변수명의 예시입니다. let userName; let test123; 여러 단어를 조합하여 변수명을 만들 땐 카멜 표기법(camelCase)가 흔히 사용됩니다. 카멜 표기법은 단어를 차례대로 나열하면서 첫 단어를 제외한 각 단어의 첫 글자를 대문자로 작성합니다. myVeryLongName같이 말이죠. 달러 기호 '$' 와 밑줄 '_' 를 변수명에 사용할 수 있다는 점이 조금 특이하네요. 이 특수 기호는 일반 글자처럼 특별한 의미를 지니진 않습니다. 아래는 유효한 변수명에 관한 예시입니다. let $ = ..
-
자바스크립트의 엔진은 무엇이며, 어떻게 작동되는 것일까?Study/JavaScript 2020. 4. 20. 15:11
자바스크립트는 브라우저뿐만 아니라 서버에서도 실행할 수 있습니다. 이 외에도 자바스크립트 엔진(JavaScript engine)이라 불리는 특별한 프로그램이 들어 있는 모든 디바이스에서도 동작합니다. 브라우저엔 "자바스크립트 가상 머신"이라 불리는 엔진이 내장되어 있습니다. 엔진의 종류는 다양한데, 엔진마다 특유의 코드네임이 있습니다. 아래처럼 말이죠. V8 – Chrome과 Opera에서 쓰입니다. SpiderMonkey – Firefox에서 쓰입니다. IE는 버전에 따라 "Trident"나 "Chakra"라 불리는 엔진을 사용합니다. "ChakraCore"는 Microsoft Edge에 사용되며, "SquirrelFish"는 Safari에 사용됩니다. 위의 코드네임은 개발 관련 글에서 종종 언급되기 ..
-
자바스크립트 데이터타입(1)Study/JavaScript 2020. 4. 14. 19:26
자바스크립트 데이터타입(1) 프로그래밍언어에서 가장 중요한 것은 무엇인가? 입력, 연산, 출력. 이 세가지가 가장 메인 엑기스이다. 사용자에게 콘솔이나 ui에서 입력받은 데이터를 잘 처리하고 연산해서 알맞게 다시 사용자에게 출력해주는 것이 매우 중요하다. CPU에 최적화된 연산을 사용하는 것도 중요! 메모리의 사용을 최소화 하는 것도 중요! 한 포인트이다. 1. Use strict 순수 자바스크립트로 개발할 때에는, 맨 윗줄에 'use strict';를 사용하라. 그래야 자바스크립트가 가지고 있는 유연성을 없앰으로서 프로그래머의 실수를 줄일 수 있고, 자바스크립트 엔진이 조금 더 빠르게 효율적으로 분석할 수 있게 하여 성능개선까지 할 수 있다. 2. Variable let ( added i..
-
'use strict';Study/JavaScript 2020. 4. 14. 17:05
자바스크립트를 이용할 때는, 제일 윗부분에 'use strict'; 를 사용하는 것이 좋다. 타입스크립트를 사용할 때는 이 것을 쓰지 않아도 괜찮으나, 순수 자바스크립트를 사용할 때에는 이 것을 제일 윗부분에 쓰는 것이 좋다. why? 자바스크립트의 역사에서 보았듯이 , 브랜든이 자바스크립트를 만들 때 굉장히 빨리 만들어야 했고, 자바스크립트 언어는 굉장히 '유연한 언어'로 만들어졌다. 유연한 언어라는 것은 개발자가 굉장히 많은 실수를 할 수 있다는 말이다 . 자바스크립트에서는 선언되지 않은 변수의 값을 할당한다던지, 이런 말도 안되는 것들은 다른 언어를 공부하고 온 개발자들이 봤을 때, 약간 미친듯한 행동이다ㅋㅋㅋ 다행히도, ECMAScript5 에서부터, 'use strict'; 가 추가되었다. 그래..