인프런 커뮤니티 질문&답변
작성한 질문수
translateX 인자 질문
작성
·
434
0
VanillaJS로 모던 웹페이지 만들기 강의4
main.js 파일에서
classList.style.transform = 'translateX(' + String(activeLi) + 'px)';
의
' + String(activeLi) + 'px
이 부분이 잘 이해가 안가서 질문드립니다
맨 처음 ' 의 의미와 끝부분 px에서 따옴표가 앞에 하나만 붙는 것의 의미가 궁금합니다
String(activeLi)+ 'px'일줄 알았는데 아니더라고요....
퀴즈
스크롤 위치에 따라 맨 위로 버튼이 보이거나 숨겨지는 기능은 자바스크립트로 무엇을 제어하여 구현하나요?
HTML 요소 직접 삭제
CSS 클래스 추가/제거
인라인 스타일 직접 변경
새로운 HTML 요소 생성
답변 1
0
잔재미코딩 DaveLee
지식공유자
안녕하세요. 다음과 같이 써서, 전체를 문자열로 만들어준 것인데요. 문자열 변수는 그 자체가 문자열임을 컴퓨터가 아는 것이고요. 나머지는 문자열임을 알려주기 위해 따옴표를 붙인 것이고요. 마지막 ; 은 전체 코드의 끝을 나타내는 것이었습니다. 따라서 다음과 같이 쓴것입니다.
'translateX(' + String(activeLi) + 'px)';
'문자열' + 문자열변수 + '문자열'
감사합니다.