전체 글
-
Data TypesStudy/JavaScript 2020. 4. 28. 21:49
Data Types Data types are the classifications we give to the different kinds of data that we use in programming. In JavaScript, there are seven fundamental data types: Number: Any number, including numbers with decimals: 4, 8, 1516, 23.42. String: Any grouping of characters on your keyboard (letters, numbers, spaces, symbols, etc.) surrounded by single quotes: ' ... ' or double quotes " ... ". T..
-
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.3 Hello world노마드코더/javascript(바닐라JS 크롬웹-초급) 2020. 4. 20. 14:59
alert으로 hello world를 띄어보자! css는 아래와 같이 head에 링크를 건다. 그러나 JS는 body태그 안에 아래와 같이 연결하여 사용한다. This works! 그리고 index.js 파일에는 아래와 같이 작성한다. alert('hello world'); 보는 것처럼 HTML, CSS에 JS 파일을 추가하는 것은 매우 쉽고 심플하다. 심플한 이유는, 모든 웹브라우저에는 JS가 설치되어 있기때문이다. 보통 SW제품을 만들 때 Haskell이라는 언어를 사용했다고 가정하면, sw가 만들어졌고, 내가 오픈을 해야할때 언어마다 다르지만 가끔씩 Haskell을 설치해야할 때가 있다. 그러나 JS 같은 경우에는 아무도 다운로드를 하지 않아도 된다. 브라우저랑 같이 이미 구성되어 있기 때문에! 그..