자바스크립트 문자열과 숫자 결합 형변환
570
작성한 질문수 1
안녕하세요,
이 부분에서
h1.innerHTML = "x: " + e.clientX + " y: " + e.clientY;스트링이랑 e.clientX와 e.clientY를 바로 이은 걸 보고
console.log(typeof(e.clientX));찍어 보니까 `e.clientX`는 Number라고 나오는데 자바스크립트에서는 문자열과 숫자를 형변환 없이 그대로 결합해도 상관 없나요?
읽어 주셔서 감사합니다.
답변 2
0
자바스크립트는 자바나 C처럼 타입을 선언하여 쓰는 정적 타입이 아닌 동적 타입 언어이기 때문에 값에 의해 자동으로 타입이 정해지고, 자동으로 형변환이 이루어 집니다. " "를 붙이면 자동으로 문자열로 변환됩니다.
0
아 제 질문은 Number를 스트링에 연쇄할 때, Number를 스트링으로 형변환할 필요가 없는지에 대한 것이었습니다.
저기서 `"x: "`는 스트링이고, `e.clientX`는 `typeof`로 콘솔에 찍어보니까 `Number`라고 나와서 + 연산자로 두 가지를 연결하는 것이 형변환 없이 가능한지 궁금했습니다. JS와 마찬가지로 파이썬도 동적 언어인데 f-string이나 format 메서드를 사용하지 않고 int나 float을 str와 연결하려고 하면 에러가 떠서요.
그런데 말씀해주신 대로 JS에서 String이 아닌 변수에 ""를 붙이면 문자열로 변환해주지는 않는 것 같습니다.
데이터 타입이 Number인 `e.clientX`를 ""로 감싸면 그냥 "e.clientX"라는 raw string이 되기 때문에 (다시 말해 e.clientX를 ""로 감싸고 console.log로 출력하면 "e.clientX"라고 그대로 나옴) `e.client`의 변수 값을 다이나믹하게 받아오면서 그 값을 스트링으로 변환하려면
1. 백틱(``)으로 이렇게 --> `${e.clientX}` 감싸거나
2. String(e.clientX) <-- 이렇게 해야 할 것 같아요.
그래도 답변 감사합니다.
mouse position interpolation과 transition linear interpolation의 차이
0
78
1
mousemove 시 따라 다니는 커서 이미지 wheel 할 경우
0
186
2
부드러운 움직임 구현1 강의 부분 질문있습니다.
0
151
2
go live 실시간 크롬
0
325
1
javascript 도움말 vsCode 확장팩 문의!
0
367
1
블로그 상단 페럴렉스 효과 구현 질문 있습니다!
0
360
1
마우스 인터렉티브 변형 질문
0
342
1
안녕하세요. 수업 잘 듣고 있습니다. 포트폴리오 관련 질문도 가능할까요?
0
401
1
나비가 버튼위로올라가면 버튼의 hover기능이 멈춰버려요
0
350
1
perspective에 대해서
0
288
1
CSS에서 궁금했던 부분 -실전 페럴렉스 강의 부분
0
484
1
requestAnimationFrame 질문
0
365
1
리뉴얼 이전 강의 파일
0
445
1
코드가 미리보기로 보여주는 확장프로그램이 뭔가요?
0
749
1
수업 파일 부탁드립니다~
0
327
1
배경질문
0
358
1
textWrap의 position을 relative로 주는 것에 대해 질문있습니다!
0
293
1
safari에서 position fixed가 잘 동작하지 않습니다
0
984
1
addEventListener후에 익명함수 실행할때 뒤에 false는 어떤 역할을 하는건가요?
0
559
1
스피드 변수로 scrollTop을 두는 이유가 무엇인가요?
0
367
1
완성파일 어디서 받아볼 수 있나요 ?
0
437
1
완성 파일 요청 드립니다.
0
307
1
사진들이 상단 nav바를 침범하는데 침범 못하게 어떻게해야할까요?
0
157
1
리액트로 하면 어떻게 해야할지 작성해주실수있나요?
0
373
1