python3(파이썬) 유저를 위한 javascript ES6(자바스크립트) 기본 문법

 

 

 

메서드 사용법

alert("Hello world");

 

메서드명("텍스트"); 

 

"(큰따옴표) 대신 '(작은따옴표) 를 사용 할 수 도 있다.

파이썬과의 차이점

 

파이썬은 띄어쓰기로 문장을 구분하기때문에 ;(세미콜론)을 사용하지 않는다.

한줄에 여러 문장을 진술할경우에만 세미콜론(;)을 사용한다.

print("hello world"); print("hello world")

 

string

 

• multiline string : (여러줄 문자열) 작성법
  
  파이썬:
  
  """ """ 따옴표 세개를 사용한다
  
  자바스크립트:
  
  singleline string(한줄 문자열) 과 차이가 없다.
  " "  따옴표 한개를 사용한다

• 다른 변수값을 불러오는 string의 모습

파이썬:
f-string, 혹은 %연결 연산자를 사용

ex)

f"hello {변수명}"
"string %s", string변수명

 

 

자바스크립트:
templete literal(템플릿 리터럴), backtick 과 ${}기호를 사용한다

ex)

`hello ${string변수명}`

 

예시의 `는 따옴표가아니라 tap 키의 위에 있는 backtip 이란걸 명심하자.
string이 아니라 템플릿 리터럴이다.

 

 

 

자바 스크립트 변수선언

• naming(변수명작성) 규칙:.
  변수명에는 숫자, 문자, "_", "$" 가 포함될 수있다.
  맨앞부분에는 숫자를 사용할 수 없다.

• 파이썬과의 차이점:
  파이의 변수명에는 특수문자 "$"가 들어갈수없다.

 

변수명 표기법

• 자바스크립트: camelCase
  첫단어는 소문자, 이후단어는 머릿글자만 대문자로 작성한다.

• 파이썬: snake_case
  모두 소문자로작성, 단어와 단어사이는 "_" 로 띄어쓰기 해준다.

초기화

변수선언과 초기화를 동시에 할 때, 파이썬과 동일한 문법을 사용할 수있다.

• ex) name = "Hello"

• 초기화를 안하는 경우
  
  자바스크립트는 초기화없이 var name;과 같이 선언할 수있다.
  

  
                      var x;
                      console.log(x);
                      
                      출력결과 : "undefined"
                  

  
  
  파이썬은 명시적으로 name ="", num = 0과 같이  초기화를 해야한다.
  만일 초기화를 안한 값을 사용하면 NameError가 발생한다.
  

  
                      x = 
                      print(x) 
                     출력결과: NameError: name 'x' is not defined
                     
                  

지역변수,전역변수 구분

• 자바스크립트:
  var variableName = "variable"; :
  선언한 위치에 따라 정해진다
  
  함수 내부에서 선언: function-scoped (지역)
  함수 외부에서 선언: global-scoped (전역)
  
  variableName ="variable";을 선언
  
  var나 let 같은 type 을 명시 하지 않는경우
  선언위치와 관계없이 global-scoped (전역) 변수가 된다.

• 파이썬:
  variable_name = "name" 선언 위치에 따라 정해진다.
  
  함수 내부에서 선언: function-scoped (지역)
  함수 외부에서 선언: global-scoped (전역)

stirng 의 길이 구하기

• 자바 스크립트 stringLength = variableName.length

•  파이썬 string_length = len(variable_name)

string 자르기

 

n번 부터 m-1번 문자까지 자르기

 

• 자바스크립트:
  newName = variableName.slice(n,m)
  
  n번부터 끝까지 자르기: variableName.slice(n) 또는 variableName.slice(n,)

 

• 파이썬:
  new_name = variable_name.[n:m]
  
  n번부터 끝까지 자르기 variable_name.[n:]

대소문자 번경, 머릿글자만 대문자로 만들기

 

자바스크립트

• 대문자로 만들기
  upperCase = variableName.toUpperCase()

 

• 소문자로 만들기
  lowerCase = variableName.toLowerCase()

 

• 머릿글자만 대문자로 만들기
  head = variableName(0,1).toUpperCase()
• tail = variableName(1,).toLowerCase()
• capitalizedName = head + tail

파이썬

• 대문자로 만들기
  upper_case = variable_name.upper()

 

• 소문자로 만들기
  lower_case = variable_name.lower()

 

• 머릿글자만 대문자로 만들기
  capitalized_name = variable_name.capitalize()

기본 연산 +, -, *, /, %, //

두 언어간 차이가 없다.

python2 에서는 /는 정수 나눗셈으로 정의된다.

python3과 javascript에서는 floating-point(부동소수점) 나눗셈으로 정의된다.

수의 증감

 

x+1

• 자바스크립트: x += 1; 또는 x++;
  y = x++; 처럼 대입문이 합께있는경우
  y에는 x가 먼저 저장된다.
  x값이 1 증가한다.

 

• 파이썬: x +=1
  x++도 사용가능하나, 일반적으로 사용하지 않는다.

 

x-1

• 자바스크립트: x -= 1; 또는 x--;
  y = x--; 처럼 대입문이 합께있는경우
  y에는 x가 먼저 저장된다.
  x값이 1 감소한다.

 

• 파이썬: x -=1
  x--도 사용가능하나, 일반적으로 사용하지 않는다.

 

그외 /=, *= 등등은 같은문법을 사용한다.

함수

• 자바스크립트:
  

  
     
     function functionName (parameter) {
                  중괄호 내부에 동작 정의;
                  동작마다 세미콜론; }
     괄호 밖부터 함수 외부요소
  

 

 

• 호출: functionName(argument);

 

• 파이썬:
  

  
                  def function_name(parameter):
                      4칸 들여쓰기 동작 정의
                      동작마다 line 하나
  
                  들여쓰기 없는 문장부터 함수 외부요소
                      
    

 

• 호출: function_name(argument)

Comment 작성법

• single-line(한줄)
  
  자바스크립트: //
  파이썬: #

• multi-line(여러줄)
  
  자바스크립트 /* */
  파이썬 """ """"

 

출처

The Complete 2023 Web Development Bootcamp

The Complete 2023 Web Development Bootcamp

 

 

javascript 기본문법이 파이썬과 너무 비슷해서 한번 정리해보았다.

사실 python이 web browser 밖에서 작동하는 javascript 가 아닐까?

 

 

 

참고: section 9 introduction to javascript ES6 + w3d +파이썬 지식 

 

내용에 틀린부분이있다면 정정부탁합니다.