inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

translateX 인자 질문

439

Yona

작성한 질문수 1

0

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

HTML/CSS es6 javascript

답변 1

0

잔재미코딩 DaveLee

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

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

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

 

감사합니다.

 

교육기간을 연장할 수 있는지 문의드립니다.

0

50

1

메일 확인부탁드립니다

0

69

1

CodeSandbox Vanilla 질문있습니다

0

69

1

part1을 수강하지 않아도 지장이 없다 하셨는데

0

118

1

강의에 관해 문의 드립니다.

0

105

1

메일확인 부탁드립니다.

0

96

1

14강 - 72,73번 강의 영상이 동일한거 같습니다.

0

118

1

Symbol 관련 테스트 코드 실행 결과 문의

0

153

1

호환성 관련 태그

0

125

1

강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요

0

154

1

강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요

0

150

1

div id="highlighter"가 강의화면에는 없는데 왜 샌드박스파일에는 있는지 궁금해요

0

93

1

강의화면에 height 가 vh가 아닌 vw라고 나와있는데 뭐가맞는거죠

0

126

1

메일 확인 부탁드립니다.

0

154

1

메일 확인 부탁드립니다

0

154

1

특별한 형태의 javascript배열에서

0

143

1

메일 확인부탁드립니다!

0

170

1

codesandbox 업데이트..

0

151

1

pdf 파일에 있는 링크주소로 들어가지지가 않습니다.

0

273

2

강의에서 알려주신 Properties for the flex container 복습 사이트, 검색 발견되어서 공유드립니다~

0

157

1

removeEventlistener 를 왜 해주어야 하는지

0

233

1

100vw 관련 질문

0

346

2

VS CODE html:5 <tab>기능이 안됩니다

0

359

1

[모던웹페이지 만들기9](1:40)class-desc 카드부분관련

0

257

2