[ JAVASCRIPT ] 그랩 - 비전공자 부트캠프 강의 : JAVASCRPIT (1)

• 자바스크립트 : 스크립트언어로 동적코드를 사용하기 때문에 웹 페이지/웹 앱의 서로 다른 상황과 서로 다른 화면을 보여줄 수 있다는 장점이 있음. 개발자 도구에서 사용하는 언어
  
  • 출처 : https://chobotogosu.tistory.com/45 , https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/What_is_JavaScript

 

[ 자주 사용하는 함수 ]

함수식	method	줄바꿈	shift + 엔터
크롬 새로고침	ctrl + r	이전 코드 돌아가기	화살표 위 누름
맞음	===	아님	! ==

 

[ 크롬 개발자 도구 단축키 ]

• 크롬 개발자 도구 단축키
  1. 맥 : Cmd + Option + I , 윈도우 Ctrl+ Shift + I
  2. Elements 탭에서 HTML, CSS를 보고 수정할 수 있어요.
  3. Console 창에서 javascript 코드를 실행하고 결과를 볼 수 있어요!
  4. Network 창에서 브라우저가 네트워크 통신하는 내역들을 볼 수 있어요!

 

[ 변수 ]

• 영문 + 숫자로 지어야함
• 띄어쓰기와 특문 불가능
• 변수 정의
  • var(변수 여러번 사용 가능)
  • let(1변수에 1번 사용가능 + 값 재정의는 가능)
  • const(1변수에 1번 사용가능 + 값 재정의 불가능)

 

[ 자료형 ]

• 데이터 종류 중 하나
• 기본 자료형
  • string(문자)
  • number(숫자)
  • boolean(참거짓)
  • null(값없음)
  • undefined(변수만 선언하고 미정의함)

 

[ 배열 ]

• object(객체) 중 하나인 자료형
• [ ]를 사용하여 나타냄
  • 배열의 길이를 알고 싶으면? 배열.length 이용

 

• 배열 안에 값을 조회하려면? 배열[순서 번호] 접근

 

• 중간에 변수 추가

 

• 배열에 새로운 값을 추가하고 싶다면? 배열 .push(값) 이용

 

(+) 다양한 활용