inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

[06-03] 내장함수

Js 문자열 헷갈립니다ㅠ

해결된 질문

59

H Hun

작성한 질문수 17

0

image.png

js 공부중인데 여기서 aa 와 "aa"결과값이 다르게 나오는데 1.이유가 뭔가요? 2.둘 차이점이 뭔가요?

자세하게 부탁드립니다 ㅠㅠ

react react-native 하이브리드-앱 graphql next.js

답변 1

0

노원두

안녕하세요! HHun님!

 

문자열변수의 차이점에 대해서 이해가 필요해요!

  1. 문자열
    => 말 그대로, 우리가 보고 쓰는 텍스트를 문자열이라고 말하며, 따옴표(" ")로 감싸줍니다.


    ex) "안녕하세요", "바나나", "aa" 등

  2. 변수
    => 텍스트, 숫자 등의 값을 저장할 수 있는 상자예요! 이 상자에는 이름이 붙어있어요!(* 주의: 상자 이름에는 따옴표(" ")가 붙지 않아요 X )
    ex) 사과상자, 바나나상자, 과일바구니, aa 등


    => 이 상자(변수)는 아래와 같이 let 명령어로 만들어요.

     

    let 사과상자
    
    let 바나나상자
    
    let 과일바구니
    
    let aa
    image.png

     


    => 이 상자(변수)에는 아래와 같이 = 기호를 사용하여 값을 저장할 수 있어요(* 주의: 수학에서의 "같음" 을 의미하지 않음 X, 값을 넣으란 의미)

     

    image.png

     



    let 사과상자 = "사과"
    
    let 바나나상자 = 100
    
    let 과일바구니 = 200
    
    let aa = 10
    image.png

 

 

 

마지막으로, console.log 라는 명령어는 화면(console)에 기록(log) 해줘! 라는 뜻이에요!
=> 여기에는 문자열"안녕하세요", "바나나", "aa" 도 기록할 수 있고,
상자(변수)안에 들어있는 값사과상자, 바나나상자, 과일바구니, aa 도 기록할 수 있어요!

console.log("안녕하세요")
안녕하세요

console.log("바나나")
바나나

console.log("aa")         // 질문하신 내용
aa
console.log(사과상자)
"사과"

console.log(바나나상자)
100

console.log(과일바구니)
200

console.log(aa)           // 질문하신 내용
10

 

 

 

 

질문으로 돌아가면,

image.png

=> aa라는 상자에 10을 넣었지만, console.log 명령어로 aa 상자 안에 들어있는 값을 찍는게 아니라, "aa" 라는 문자열을 찍고 있었군요!
여기선 aa라는 상자를 굳이 만들 필요가 없을 것 같네요!^^

따라서, 아래와 같이 변경하는게 좋겠어요!

image.png


그리고, 다음을 볼까요?
aa라는 상자를 만들고, 그 안에 10을 넣고, 해당 상자에 무엇이 들어있는지 console.log 명령어로 찍었기 때문에, 여기선 aa라는 상자가 꼭 필요할 것 같아요!^^

image.png

 

11강 23:35부터 막혀서 질문 드려요.

0

73

2

API 주소

0

84

1

하이브리드앱 과제 레퍼런스 코드

0

108

2

조건문, 반복문 너무 어려움

0

95

1

고농축 백엔드와 완벽한 프론트 강의 차이?

0

114

2

flex를 grid 처럼 만들기 질문드립니다.

0

93

2

유저 포인트 관련해서 질문 드립니다

0

70

1

npx create-react-app

0

93

1

fetchTravelproductsIPicked 관련 질문 드립니다

0

83

2

강의에서 사용하는 api 접속 불가

0

102

2

강의 커리큘럼에 대해 질문이 있습니다.

0

103

2

윈도우 -> 맥 파일 옮기기 / 실행

0

127

1

fetchUser 요청시 userPoint.amount

0

64

2

npm 배포 후 import 시 오류사항

0

90

2

koreanjson 관련 사이트가 접속이 안되요

0

68

2

17강 질문

0

85

2

tailwinde-css

0

73

2

04-02 Next 페이지 이동

0

80

2

[CSS&JS 마스터]공부하는 속도, 코드 리뷰

0

81

2

GRAPHQL 활용 과제

0

82

2

노란색 경고줄

0

53

1

181. [02-04] setState의 원리 질문

0

62

2

graphql 관련 질문입니다

0

66

2

node.js 설치방법

0

161

1