210903 개발일지

leehyunji·2021년 9월 3일

1) 학습한 내용
자바스크립트 - 변수와 데이터 타입 1


자바스크립트 : 웹사이트의 주요기능들, 애니메이션 효과 구현할때 사용

하이브리드 앱 : 자바스크립트로 안드로이드 등 출시 가능

node.js : 서버개발 도와주는 도구(tool)

iot : 사물 인터넷에도 자바스크립트로 가능

High level language - 사람이 이해하기 쉬운 언어(자바스크립트)

3가지 분류 (1.2만 연습해도 문제없음)
1.자바스크립트 코어 : 개발언어의 문법적인 부분
2.클라이언트측 자바스크립트 : 브라우저 재현할때의 기능
3.서브측 자바스크립트 : node.js 영역


검사-console탭에서 확인가능


순차적으로 적용됨, src 혹은 html안에 적는법 중 하나만 사용해야 적용됨

1. <script>

        console.log("Welcome");

    </script>

2. <script src="파일경로"></script>

주석처리방법 2가지

<script>

    1.	/*
        console.log("Welcome");
        console.log("Comment");

        */ 전체주석 처리 

    2.	// console.log("AAA"); 한줄주석처리(전체주석 안에 서도 사용가능)

 </script>

변수(=박스) : 데이터 저장공간 (이삿짐박스)
변수명 : 구체적 이름 정해주는 것 (만화책 박스)

      // comic 박스를 생성한 상태
      // 변수 선언
      var comic;

      // comic 박스 안에 원피스 데이터를 할당한 상태
      // 변수 초기화
      comic = "원피스";

      console.log(comic);


      //변수 선언과 초기와 동시에 한것
      var apple = "사과";

      //묶어서 가능
      /*
      var a;
      var b;
      var c;
      */
      // 변수 동시 선언
      var a, b, c;



      // 변수 동시 초기화
      /*
      var d = 10;
      var e = 20;
      var f = 30;
      */
      var d = 10, e = 20, f = 30;
      

      // 모든 변수는 선언과 동시에 undefined 자동으로 할당된다.
    var computer;
    console.log(computer);
    

    //변수안에 들어가는 데이터는 언제든 변경가능
    var house;
    house = "집";
    console.log(house);

    house = "아파트";
    console.log(house);
    

    //undefined -> 집으로 변경 O
    
    var house;
    console.log(house);
    house = "집"
    console.log(house);
 

변수 이름 짓기 : 2단어로 짓기

    // 캐멀 케이스 (많이사용)
    var mathScoreStudent = 10;

    // 스네이크 케이스
    var math_score_student = 10;
    

    주의점 : 1. 하이픈 쓸 수 없음 !
	    2. _(언더바), $는 첫글자로 쓸수 있지만 그 외의 특수문자 쓸수 없음
            3.숫자가 먼저 나올 수 없음
            4.알아보기 쉽게 자세히 작성하는게 좋음
    
    
    


   //문자열 (String) 큰따옴표와 작은따옴표 2가지로 사용 섞어서는 불가능
  var msg1 = "Hello World";
  var msg2 = 'Welcome';

  console.log(msg1);
  console.log(msg2);
  


      //숫자(Number)

      var num1 = 10;
      var num2 = -10;
      var num3 = 3.14;
      var num4 = -3.14;
      console.log(num1);
      console.log(num2);
      console.log(num3);
      console.log(num4);
      
      console.log(num1 + num2);
	console.log(num1 + num3);
      
      
     


문자열에서 +는 글자를 이어 붙인다는 의미



++,-- 연산자 의미

주의, 부호가 뒤에 붙으면 그다음 숫자부터 적용된단 의미(아래사진)
선차감 후차감의 차이


+=, -=, 8=, /=. %= 연산자


==,===


== 값이 같으면 true
=== 더 엄격히 비교, 비교 대상이 데이터 타입이 같은지 따짐

!= 같지 않은지를 따지므로 숫자가 같아서 false로 나타남
!== 역시 데이터 타입이 서로 다르므로 다른걸로 봐서 true로 나타남

===, !== 자주 사용!


논리연산자

둘다 false로 나타남


불리언

2) 학습내용 중 어려웠던 점
다양한 연산자가 있고 익숙치 않아 어려움

3) 해결방법
여러번 복습

4) 학습소감
해오던 html과 css 활동과는 달리, 자바스크립트의 언어를 배우는 중으로 새롭다.

0개의 댓글