IT업계 종사자의 블로그

[Project H4C] 13. JavaScript 비교, 연산자란? 참고. 연산자의 정의를 배우는 이유는, 연산자는 비교문과 함께 쓰일 때 효용이 있는데 비교문을 배우기 전 우선 연산자에 대한 사전 지식을 쌓도록 하자. 연산자란? 어떤 작업을 컴퓨터에게 지시하기 위한 기호 (e.g. a=1 ) 비교 연산자란? 프로그래밍에서 비교란 주어진 값들이 같은지, 다른지, 큰지, 작은지 구분하는 것을 의미한다. 이 때 비교 연산자를 사용하는데 비교 연산자의 결과는 true 나 false 중의 하나다.

[Project H4C] 12. JavaScript 줄바꿈과 여백 세미콜론(;)은 명령이 끝났다는 것을 명시적으로 표시한다. 하지만 세미콜론을 삭제해도 잘 동작한다. 왜냐하면 줄이 바뀌면 자바스크립트는 명령이 끝났다고 간주하기 때문이다. 하지만 명시적으로 명령이 끝났을 때 세미콜론을 붙이는 것은 좋은 습관이다. 만약 두 줄의 명령어를 한줄로 바꾸고 싶다면 명령어의 구분을 위해 세미콜론은 반드시 필요하다.

[Project H4C] 11. JavaScript 주석 자바스크립트에서 그냥 "주석, comment" 라고 입력하면 없는 문법이기 때문에 에러가 발생한다. 하지만 주석을 의미하는 // 를 추가하여 "//주석, comment" 라고 하면 에러가 사라진다. 즉, // 뒤에 나오는 내용은 시스템이 해석하지 않는다. 주석의 역할: 도움말 역할을 한다 생활코딩피셜: 주석은 미래에 타인이 되어 있을 나(ㅋㅋ)에게 내가 이 코딩을 왜 짰는지, 어떻게 짰는지 등을 알려주는 역할을 하기도 한다. 그리고 어떤 코드를 일시적으로 동작하지 못하게 할 때에도 주석을 쓴다. // 말고도 /* */ 도 주석이다. 👉여러줄을 주석처리 할 때 쓴다

[Project H4C] 10. JavaScript 변수의 효용 과연 변수는 왜 쓰는 것일까? 변수는 코드의 재활용성을 높여주기 위해 쓴다 예를 들어 보자. 위와 같은 코드가 있다고 해보자. 여기서 초기값인 100을 다른 숫자로 바꾸야 한다면 위 코딩에서는 일일이 100을 다른 값으로 바꿔주어야 한다. 하지만 변수를 사용하게 된다면, 변수 a를 선언하고 그 값만 바꿔주면 변수 a가 들어간 나머지 코딩들이 자동적으로 바뀌게 된다.

[Project H4C] 9. JavaScript 변수 사용법 변수(Variable)란? 문자나 숫자 같은 값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용된다. 여기에 담겨진 값은 다른 값으로 바꿀 수 있다. (e.g. 대명사와 비슷한 역할) 자바스크립트에서 변수는 var 을 사용한다. var은 변수를 선언하겠다는 것을 의미한다. "var"은 생략 가능하다. 변수 a 를 선언한 후, alert(a); 값을 넣으면 변수로 선언한 a의 값인 1이 경고창에 뜨게 된다. 변수 a = 1 로 선언하고 변수 b = 2 로 선언한 후, alert(a+b); 를 입력해주면 변수 a와 변수 b의 값들을 각각 더한 3이 출력되게 된다. 변수 안에는 숫자뿐만 아니라 문자도 들어갈 수 있다. 처음에 변수를 사용할 때는..

[Project H4C] 8. JavaScript 문자에 대한 명령들 문자를 여러 줄로 표현 하고 싶다면? \n 사용 \n: 줄바꿈 문자와 문자를 결합하고 싶을 때는? + 사용 "문자".length: 문자의 개수(띄어쓰기 포함) 생활코딩에서 정리한 자바스크립트 사전 👇 https://opentutorials.org/course/50 JavaScript 사전 - 생활코딩 코스소개 생활코딩 자바스크립트 사전은 자바스크립트가 기본적으로 제공하는 객체를 대분류로 각 객체에 속하는 메소드들을 열거하고 있습니다. opentutorials.org indexOf: 문자열에서 해당 문자의 순번(0에서 시작)을 나타낸다.

[Project H4C] 7. JavaScript 문자의 표현 자바스크립트에서 문자를 표현하려면 따옴표(큰따옴표 or 작은따옴표) 안에 기재한다. (위 파란 박스 참조) 자, 이제 콘솔을 이용해보자. 작은 따옴표, 큰따옴표안에 있는 문자는 인식이 가능하지만 큰따옴표로 시작해서 (큰따옴표로 끝내지 않고) 작은 따옴표로 끝내게되면 시스템은 아직도 문자의 범위가 끝나지 않았다고 판단하여 문법적 오류로 취급한다.(SyntaxError) 위 두가지 코딩은 유효하다. - 큰따옴표와 큰따옴표안의 내용은 문자로 인식하므로 ' 을 문자로 인식) - 작은따옴표와 작은따옴표 안의 내용을 문자로 인식하므로 " 을 문자로 인식) 만약 작은따옴표와 작은따옴표 안에 또 작은 따옴표를 문자로 넣고 싶다면? 👇 첫번째, 두번째 따옴표..

[Project H4C] 6. JavaScript 수의 연산 기본적으로 컴퓨터는 계산기로 고안된 도구이다. 그래서 컴퓨터 프로그램들은 기본적으로 계산기 기능들을 가지고 있다. 콘솔에서 자바스크립트로 수학 계산을 해보자(Math 사용) pow: 제곱 Math.pow(3,2); 👉 3의 제곱 👉9 round: 반올림 명령어 10.6 의 반올림은 11 ceil: 가장 가까운 위의 정수(더 큰 정수)로 올려주는 명령어 floor: 가장 가까운 아랫쪽 정수(더 작은 정수)로 내려주는 명령어 sqrt: 제곱근 9의 제곱근 = 3 randoam: 랜덤한 숫자(난수) 입력 할 때 마다 숫자가 바뀐다. (소수가 나온다=>1보다 작은 수) 앞에 100 * 을 붙여주면(곱하기 백) 100보다 작은 임의의 숫자가 뜬다. 만약..

[Project H4C] 5. JavaScript 수의 표현 sublime text 로 위 코딩을 작성한다. 실행시켜보면 경고창 "1"이 뜨는 것을 확인할 수 있다. 위 코딩에서 "alert(1)" 에서 1 은 "정수" 이다. cf. 1.1 => 실수 숫자와 숫자를 더하고 싶다면 1.1 + 1.1 로 표현하기 콘솔을 이용해보자. (단축키 command + option + i) alert(6/2); (나누기는 / 로 표현한다) 만약 경고창(alert)뜨는게 귀찮다면 console.log(6/2); 라고 입력해주면 콘솔창에 계산값이 뜨게 된다. 콘솔에 1+1 을 입력하면 바로 밑에 2가 자동으로 출력된다. 고로 console 은 짧은 코드를 빠르게 실행시킬 때 유용하다.

https://opentutorials.org/module/406/3605 설치 - Mac - Sublime Text 2 다운로드 http://www.sublimetext.com/2 폴더 실행방법 /Applications/Sublime\ Text\ 2.app/Contents/SharedSupport/bin/subl -n $@ 터미널 실행방법 sudo ln -s /Applications/Sublime\ Text\ 2.app/Contents/SharedSupport/bin/subl /bin/subl opentutorials.org Mac 에서 Sublime text 설치하기 (방법은 동영상링크로 대체한다.)