[JavaScript] 기초 개념 이해하기

안녕하세요. 이제 막 기획자로 시작한 아기 기획자 소소한G 입니다.

비전공자 출신으로 IT 웹 기획자로서 살아남기위해 일주일에 두번 프로트엔드 개발 수업을 듣고 있어요.

온전히 비전공자의 시선으로 꼼꼼하게, 원초적으로 설명드리려고 합니다.

저처럼 초보자 웰컴이에용.

 

웹 프론트엔드 개발을 배우려면 당연히 제 1강은 JavaScript가 되겠죠? 

처음 입문하는 학생으로서 JavaScript를 처음 실행하고, 기초 개념에 대해 알아보도록 해요~! 

 

---

 

[Visual Code Studio에서 JavaScript 실행하기]

1. quokka.js와 node.js를 설치합니다. 

2. ctrl + shift + p 로 javascript 환경을 열어줍니다.

 

[javaScript]

 

• 변수
  • const (constant) : 고정 불변의 값이며 바꿀 수 없는 값이다. 
  • let : 값이 변할 수 있는 상황이 발생할 수 있다. 
    • let count = 0 : 초기화
    • 초기화란? 값을 설정하는 것, 값을 바꾸는 것
  • eg.
    const score= 40 이라 하자.
    -> const score : 변수를 선언한다. 라는 뜻
    -> = 40 : 초기화한다. 라는 뜻
    즉, 변수를 score이라 선언하고 40으로 초기화한다 라는 뜻이다. 
  • 표현방법
    count = 40 라 하면,
    변수 count에 40을 대입한다. 라는 뜻이다.
• 반복문
  • for 문
    
    • 방법 : for(선언; 어디까지; condition) {
      
      }
    • 여기서 잠깐, 
      {}을 bracket이라 부르고, 
      {
      } 을 egpytion bracket이라 부른다.

반복문 예시

• 조건문
  • if 문
    • if(left-value 비교연산자 right-value)로 표현
      • l-value = 변수 
      • r-value = 값(정수, 소수, 문자열)
        *r-value에도 변수가 들어갈 수 있다.
    • 비교연산자
      • == : (문자, 숫자인지 구분하지 않고 의미상으로) 같다.
        * 문자열 (string)
        * 정수, 소수, 숫자 (number)
      • === : 문자인지 숫자인지 구별하여 같을 경우 같다.
      • != : ==의 반대로 같지 않다.
      • !== : ===의 반대로 같지 않다.
      • < : 작다.
      • > : 크다.
      • <= : 작거나 같다.
      • >= : 크거나 같다.
    • 수식
      • += : 더하다. (eg. h+=r : h에 r을 더한다) 
        참고) ++ : +=1과 같다
      • -= : 빼다. (eg. h-=r : h에 r을 뺀다)
      • /= : 나누다. (eg. h/=r : h에 r을 나누다)
      • *= : 곱하다. (eg. h*=r : h에 r을 곱하다)
      • %= : 나머지 값 (r%=100, r이 10일 경우 값은 0)

조건문 예시

수식 예시

 

---------------------------------------------------------------------------------------------------------------------

 

 

[실습문제]

 

• 1부터 100까지의 수 중 홀수만 모두 더하기

1부터 100까지의 수 중 홀수끼리만 더하기

 

• 구구단 만들기 : 변수 select 가 1 : 1단 구구단 ~ 9단 구구단까지 만들기

구구단 만들기

 

수학.. 어렵네요 ㅎㅎ

할수있다!