강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

Yona님의 프로필 이미지
Yona

작성한 질문수

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

모던 HTML/CSS/VanillaJS+ES6 로 상용화도 가능한 반응형 모던 웹페이지 만들기4

translateX 인자 질문

작성

·

434

0

VanillaJS로 모던 웹페이지 만들기 강의4
main.js 파일에서
classList.style.transform = 'translateX(' + String(activeLi) + 'px)';
' + String(activeLi) + 'px
이 부분이 잘 이해가 안가서 질문드립니다
맨 처음 ' 의 의미와 끝부분 px에서 따옴표가 앞에 하나만 붙는 것의 의미가 궁금합니다
String(activeLi)+ 'px'일줄 알았는데 아니더라고요....

답변 1

0

안녕하세요. 다음과 같이 써서, 전체를 문자열로 만들어준 것인데요. 문자열 변수는 그 자체가 문자열임을 컴퓨터가 아는 것이고요. 나머지는 문자열임을 알려주기 위해 따옴표를 붙인 것이고요. 마지막 ; 은 전체 코드의 끝을 나타내는 것이었습니다. 따라서 다음과 같이 쓴것입니다.

'translateX(' + String(activeLi) + 'px)';

'문자열' + 문자열변수 + '문자열'

 

감사합니다.

 

Yona님의 프로필 이미지
Yona

작성한 질문수

질문하기