개발일지 210727

22일차

• 네이버 블로그 카피캣(1)
• 자바스크립트 자습

강의노트

카피 대상

https://section.blog.naver.com/BlogHome.naver?directoryNo=0¤tPage=1&groupId=0

개요

1. 블로그 헤더 부분
2. 블로그 메인의 상단 부분
3. 블로그 메인의 우측 부분

메모

계속 반복 작업이라 특별히 새롭게 배우게 되었거나 어려웠던 점은 없었다.

추가학습

자바스크립트 1강 끝까지

연산자(1): 사칙연산 등

1. (복습) 기본 연산자로 사칙연산(+ - * /)와 나눗셈의 나머지 구하기 % 가 있다.

2. string(문자열)에 대해서 적용할 때 문자열 안의 데이터가 숫자일 경우 덧셈을 제외하고는 데이터타입이 number(숫자)일 때와 같지만 덧셈의 경우 문자열을 이어 붙인 값이 출력된다.

• 문자열의 덧셈을 활용해 문자열 사이에 공백을 넣을 수 있다.

  var first_name = "Lee";
  var last_name = "dongsup";
  console.log(first_name+" (공백) " + last_name);

  출력값 = Lee (공백) dongsup

3. 문자열 + 숫자 + 문자열의 경우 전체가 문자열로 출력된다.

   var A = "현재 시각";
   var B = 10;
   var C = "시 입니다.";

   출력값 = 현재시각 10 시 입니다.
   (출력값은 모두 문자열로, 콘솔에서 검은색 글자로 보임)

4. ++연산자 , --연산자

• var A = 10;
  console.log(++A) = 11(결과값)
  console.log(++A) = 12
  ...

  변수의 처음 데이터 값에 +1을 해준다. 반복 하는 만큼.

• var A = 10;
  console.log(--A) = 9
  console.log(--A) = 8
  ...

  앞서와 마찬가지로 1씩 감소

• var A = 10;
  console.log(A++) = 10
  console.log(A) = 11
  위와 같은 경우 변수A가 출력되고 1을 더해주는 연산자가 시행되었기 때문에, 한 번 더 시행했을 때 11이 되어있는 것을 볼 수 있다.

5. += , -+ , *=, /=, %=

• var A = 10;
  A += 5;
  console.log(A) = 15(결과값)

  변수 자신에 연산자 뒤에 오는 숫자를 더한 결과가 나온다.

  (나머지 연산자들도 동일)

연산자(2): 비교연산자

1. 비교연산자의 종류

• 크다/작다(>, <)
• 크거나같다/작거나같다((>=, <=)
• 같다 (==)
• 같다 (===)
• 같지 않다 (!=)
• 같지 않다 (!==)

2. 비교 연산자를 사용하면 출력되는 결과의 데이터 타입은 언제나 boolean(불리언)타입으서, 언제나 true 또는 false로 나타난다.

3. 

• 비교 연산자 ===(같다)와 !==(같지 않다)는 데이터 타입까지 비교하여 같은가 다른가를 판별한다.
  대부분 이 연산자를 사용하여 비교한다. (==, !=를 잘 사용하지 않음)

연산자(3): 논리연산자

논리 연산자의 종류

AND(&&), OR(\\)

and는 모두 참일 때만 참
or는 모두 거짓일 때만 거짓

데이터 타입 - boolean

• 비교, 논리 연산자에 대한 결과로 true 또는 false가 출력되며 이이들 데이터 타입을 불리언이라 한다.
• console.log(true) 또는 console.log(false)로 결과값을 직접 출력할 수 있다.

이슈-솔루션/미해결(질문)

x

학습 소감

다른 개발 언어들과 도입은 역시 비슷한 것 같다.
두드러진 특성이 나타나는 시점이 기대된다.