연산자 우선순위 이해하기 2 + 3 * 4; // 14 자바스크립트도 수학의 사칙연산 우선순위를 따르기 때문에 곱하기가 더하기 연산자보다 우선순위가 높다. 우선순위 높다는 것은 먼저 실행됨을 의미한다. 3 * 4가 먼저 실행되어 12가 되고, 그다음에 2를 더해 14가 되는 것이다. 더하기 보다 곱하기 먼저 하고 싶다면 수학에서처럼 소괄호를 감싸면 된다. 소괄호도 연산자이다. (2 + 3) * 4; // 20 🌈 우선순위를 잘 모르겠다면 괄호 ( ) 를 치자. 다만 자바스크립트에서 중괄호({}), 대괄호([])는 수학과는 다른 의미이기 때문에 연산자 우선순위를 바꿀 때는 사용하지 않는다. 우선순위가 같을 때는 왼쪽에서 오른쪽으로 실행된다. 1분 퀴즈 3 ** 2 + 1를 27로 만들어 보세요. 답 : 3..
숫자(number) 숫자는 따옴표로 감싸지 않고 그대로 적으면 된다. 따옴표로 감싼 숫자는 문자열이지 숫자가 아니다. 5; 5.04; -5; typeof 5; // "number" typeof '5'; // "string" '5'와 5는 프로그래밍에서 완전히 다른 개념임을 명심해야 한다. 지수표기법 지수표기법은 매우 큰 숫자나 소수점 아래 자릿수가 많을 때 숫자를 표현하는 방식이다. e 뒤에 나오는 숫자만큼 10의 거듭제곱을 하면 원래 숫자가 된다. 5e4; // 5 * 10000 = 50000 5e+4; // 5 * 10000 = 50000 5e-4; // 5 * (1/10000) = 0.0005 2진법 2진법은 컴퓨터에 친화적인 기수법이다. 2진법은 숫자 앞에 0b(숫자 영, 소문자 b)를 붙인다. ..
'바나나' + '사과' // "바나나사과" '바나나' - '사과' // NaN '바나나' * '사과' // NaN '바나나' / '사과' // NaN 에러가 나지 않으면 연산이 되긴 된 것이다. NaN은 뒤에서 배운다. 문자열끼리 연산이 가능하다. 연산자(+, -, *, / 등)를 사용한다. 문자열 더하기 할때 띄어쓰기 주의해라. '문자열이 긴 경우에는 ' + '문자열을 ' + '나눈 뒤 ' + '다시 합칩니다.'; // “문자열이 긴 경우에는 문자열을 나눈 뒤 다시 합칩니다.”
값(value) - 프로그램이 조작할 수 있는 데이터를 의미한다. 자료형(data type) - 값에는 여러 종류가 있으며 이런 값의 종류를 자료형이라고 한다. 문자열(string) - 첫 번째로 알아볼 자료형은 문자열이다. 프로그래밍에서 하나의 글자를 문자라고 하는데, 문자들이 하나 이상 나열되어 있다고 해서 문자열이라고 한다. - 자바스크립트 문자열은 반드시 따옴표('') , 큰따옴표(""), 백틱(``)으로 감싸야한다. 이전에 console.log를 실행할 때는 undefined가 콘솔에 출력됐지만, 이번에는 "Hello, world!"가 출력된다. < 뒤에 나오는 값은 콘솔에 입력한 명령의 값이다. 이렇게 결과값이 나오는 명령을 식(또는 표현식,expression)이라고 한다. 시작과 끝은 다른 ..
세미콜론 - 하나의 명령이 끝날 때 세미콜론을 붙이기를 권장 console.log(‘hello’); console.log(‘Hello’); console.log(‘Hello JS!’); 한 줄에 여러 명령을 넣을 때는 반드시 명령 뒤에 세미콜론을 붙여 그다음 명령과 구분해야 한다. 주석 - 주석은 코드에 관한 자세한 설명을 작성하거나 특정 코드를 임시로 사용하지 않게 할 때 사용한다. // 한줄 주석 /* */ 여러줄 주석 들여쓰기 들여쓰기를 하는 걸 권장 (안하면 보기도 안좋을 뿐더러 에러가 날 수도 있음)
프로그래밍 사고력의 중요성 프로그래밍을 할때는 뭐든 이유를 대야한다. 사람은 어떠한 질문을 받을 때 직관적이다. 컴퓨터는 안다와 모른다를 동작하기 위해 컴퓨터에 저장된 데이터를 다 찾아봐야 한다. 사람과 컴퓨터가 어떻게 다른지 알자. 사람은 무의식적으로 행동한다. 컴퓨터에 명령을 내리려면 명확한 절차와 순서를 알려줘야한다. ex) 퇴근길에 무의식적으로 집에 도착하는것 , 컴퓨터는 무의식으로 행동하지않는다. 100m 전진하고 좌회전해서 50m 가고… 이런 정확한 명령을 내려줘야한다. ex) 사람은 숨을 쉴때 무의식적으로 쉰다. 컴퓨터는 의식적으로 들이쉬고 내쉬고 들이쉬고 내쉬고… 이렇게 해야한다고 생각하면 좋다. 안그러면 컴퓨터는 죽는다. 프로그래밍이 어려운 이유는 사람이라면 무의식에 맡겨서 할 수 있는거..
1.오타를 주의하자.. 한글자라도 틀리면 90%이상은 에러..!! => 좋은 에디터 쓰자!! 2.에러를 처리해야 실력이 빠르게 는다. 3.강사가 에러를 낸다면 오히려 박수를 쳐야한다.. 강사가 에러를 해결하는 과정이 피와 살이 된다..!! 웹 브라우저 콘솔 사용법 익히기 Console 탭 - 깜빡거리는걸 프롬프트라 한다. 여기에 코드를 입력한다. 코드를 입력한 후 엔터를 누르면 코드가 실행된다. 콘솔 프롬프트에서 코드를 치고 엔터를 치면 컴퓨터가 뭔가를 리턴한다. 브라우저가 자바스크립트 코드를 읽고 해석해서 그에 맞게 수행한다. 라고 보면 된다. 프로그래밍이란 우리가 코드를 입력을 해주고, 컴퓨터는 코드를 읽어서 해석한 후에 코드에 맞는 행동을 취한다. 라고 보면 된다. 우리가 방금 코드를 작성한게 명령..
1. 코딩할때는 좋은 에디터에서 해라. 에러를 교정해주고, 생산성을 높여준다! (무료에서 제일 좋은 VS Code) 2. 폴더, 파일 경로에 한글이 들어가지않게 해라. 나중에 프로그래밍 하다가 문제가 될 가능성이 크다! 📌 Chrome 브라우저는 크롬을 사용한다. 크롬은 전세계에서 가장 많이쓰는 브라우저, 최신 자바스크립트를 빠르게 반영 해준다. Chrome(크롬) 브라우저의 역할 브라우저가 자바스크립트를 실행을 해주기 때문에 크롬 브라우저를 설치한 것 브라우저마다 자바스크립트를 모두 똑같이 실행할수있는게 아니다. 자바스크립트는 매년 다른 버전이 나온다. 인터넷 익스플로어 같은 경우는 최신 자바스크립트를 실행하지 못한다. 최신 자바스크립트를 실행하려면 최신 브라우저인 크롬,Microsoft Edge 등이..
1. 한가지 수단으로 공부하지마라. 책,동영상, 사이트 등 여러가지 시각으로 공부해라! 사이트는 자바스크립트인포, mdn 추천 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference JavaScript 참고서 - JavaScript | MDN 이 페이지는 JavaScript 언어에 대한 정보 보관소입니다. 이 참고서에 대해 더 읽어보세요. developer.mozilla.org https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 2. 문법을 안다고 프로그래밍을 할 수 있지 않다. 프로그래밍(컴퓨터와의 대화)을 잘하려면, 프로그래밍을 사고력을 길러야한다. 프로그래밍 사고력 기르는 방법..
