변수와 Console.log

김주현·2021년 7월 26일
0

[Javascript]

목록 보기
1/16
post-thumbnail
post-custom-banner

01. console.log

console.log는 괄호 안의 메세지를 콘솔창에 출력하는 명령어로, 자바스크립트가 출력을 할 수 있게끔 도와주는 기능입니다.
(출력 : 값을 눈에 보이도록 화면에 나타내는 것)

console.log('저는 김코딩입니다.')  //저는 김코딩입니다. 출력
console.log(5000000)		//5000000 출력
console.log(true)		//true 출력

02 variable

변수란 데이터를 담을 수 있는 대상이라고 한다.

let myNumber=100;
console.log(myNumber)   //변수 myNumber값 100출력

예시1. 숫자형 계산

//숫자형 계산
console.log(myNumber1)  //0
console.log(myNumber2)  //1
console.log(myNumber3)  //500
console.log(myNumber4)  //10000

console.log(myNumber2 + myNumber3)  //501
console.log(myNumber3 - myNumber2)  //499
console.log(myNumber1 * myNumber4)  //0
//remainder
console.log(myNumber3 % myNumber4)  //500

예시2. 문자형 계산

let myName='Code Kim'

let number1=100;
let number2=200

//문자열과 숫자형 변수의 조합
console.log('100 plus 200 equals to', number1 + number2)      // 100 plus 200 equals to 300 출력

console.log('number1: ' + number1)

//논리형 변수
let myAnswer=true;
let yourAnswer=false;
console.log(myAnswer)  //true출력
console.log(false)
console.log("false")


//array
let studentsName=[
  'Code Kim',
  'Wecode Lee'
]
console.log(studentsName) //['Code Kim, Wecode Lee'] 출력

//object
let myObject={
  name:'Code Kim',
  isDeveloper:true
}
console.log(myObject)   // { name : 'code Kim', isDeveloper:true } 출력

String

문자열을 서로 합치기

let greeting = 'Hello world'
let myName='Code Kim'


//문자열과 문자열 사이를 띄어쓰기하려면 공백' '을 더해야한다.
console.log('Hellog world' + ' ' +'Code Kim') 

console.log('Good bye' + ' ' + 'world')

console.log(
  greeting + ' ' + myName
)

console.log('2' + '2')    //문자열 22 출력, 숫자아님

console.log( 2 + "2")     //문자열 22 출력, 문자와 숫자를 결합하면 문자열이 출력됨

문자열의 총 길이 구하기

const myString='Hello! wecode!!'

console.log(myString.length)  //문자열의 길이 15 반환

console.log(
  "The length of pepsi is",
  'pepsi'.length
  )   // 문자열과 숫자가 결합하여 반환


console.log(
  "The length of pepsi is"
  +'pepsi'.length
  )   //문자열과 숫자를 더하면 문자열반환

Assignment. 변수이름 정하기

  • 변수의 이름을 camelCase기법으로 사용하여 수정하시오.
// 아래의 코드를 수정해주세요.
let properCamelCase;
let thisIsNumber;

// 아래의 코드를 수정해주세요.
properCamelCase = "Variable";
thisIsNumber = 2021;

// 아래의 코드를 수정하지 마세요.
console.log(properCamelCase, thisIsNumber)
post-custom-banner

0개의 댓글