본문 바로가기
프로그래밍/JAVASCRIPT

[자바스크립트] javascript 개념 / 실행방법과 실습환경 / 숫자와 문자

by B T Y 2017. 8. 15.
반응형

javascript 개념 / 실행방법과 실습환경 / 숫자와 문자에 대해서 정리한다.



javascript란?



  - 웹 브라우저를 제어하기 위한 언어라 할 수 있다.

  - 원래는 html과 javascript는 땔래야 땔 수 없는 관계였지만
    요즘에는 javascript가 탈웹브라우저화 되면서 동작환경이 여러가지가 되었다.
    ( 예를 들면 웹서버에서 동작하는 node.js )


  - 탈웹으로써 여러분야에서 javascript를 사용이 가능하다.
    ( 예를 들면 Google Apps Script )





javascript 실행방법 /  실습환경



  - 실습환경은 chrome 웹브라우저를 사용했다.
  - 코딩을 하는 환경은 메모장이나 텍스트에디터, 웹브라우저 개발자 도구를 이용한다.
    ( Sublinetext나 생산성을 올리기 위해선 IDE를 이용해도 된다 )

  - 코드 실행 방법은 해당 웹브라우저 URL입력창에서 file://<해당 파일 경로>를 입력해주면 실행결과를 볼 수 있다.

    ( apache 같은 설치해서 그 위에서 실행 해줘도 되지만 javascript를 공부하는 것이기 때문에 간단한 방법으로 진행했다 )


( local 안에 있는 파일을 웹 브라우저에서 가져와서 실행 시키게 되면 오른쪽에 있는 코드가 실행이 되는걸 볼 수 있다 )



( 파일을 만들어서 코드를 가져오는 방법도 있지만 웹 브라우저에서 F12를 누르면 개발자 도구가 나오는데

그 안에 있는 Console 부분에서 간단한 코드를 작성하고 실행 결과를 볼 수도 있다 )



( 첫번째 그림에 파일에 있는 코드를 웹 브라우저로 가져와서 실행한 것과 개발자 도구에서 실행한 것이

둘다 동일한 결과를 보여준다는 걸 알 수 있다 )



( alert() 함수를 이용하면 경고창을 이용해 출력하지만 매번 그렇게 확인하는 방법도 있지만

console.log를 이용해서 개발자 도구에 console창을 이용해서 결과를 확인 해보는 방법도 있다 )



javascript 숫자와 문자



  - 숫자를 정수와 실수 같이 따로 구분하지 않는다.
  - 문자를 작성할때는 "(큰 따옴표)나 '(작은 따옴표) 중의 하나로 감싸야 한다.
  - "(큰 따옴표)안에 '(작은 따옴표)를 넣거나 반대의 경우에는 가능하다.
    ( 다만, 큰 따옴표 안에 큰 따옴표와 같이 넣으려고 하면 해당 따옴표에 \(이스케이프)문자를 넣어줘야한다 )


( 문자열 안에 문자열을 감싼 따옴표와 같은 따옴표를 넣고 싶다면 \(이스케이프) 문자를 이용해줘야 한다 )


     * 다른 언어와 마찬가지로 숫자와 문자는 따옴표로 구분하게 된다.
       ( typeof를 이용하면 해당 값의 타입을 알아볼 수 있다 )



( typeof를 이용해서 해당 값의 타입에 대한 정보를 알 수 있다 )



  - 문자와 문자를 합칠때는 "+" 기호를 이용해서 합치고 문자열 객체인 String안에 있는
    메소드와 속성을 가지고 문자열을 다양한 방법으로 제어할 수 있다.
    ( https://opentutorials.org/course/50/37에 보면 String 객체에 메소드를 참조 가능하다 )



( 문자를 합칠 때는 "+" 기호를 이용하고 javascript에서는 문자열과 숫자를 "+" 기호로 이용해서 합치게 되면

숫자를 문자열로 바꿔서 문자열로 합쳐주게 된다 )

반응형

댓글