inflearn logo
강의

Course

Instructor

Scroll interaction that even beginners can create. Part 1 JavaScript

3-1 Understanding Transitions and Transforms and What is a Vendor Prefix?

autoprefix 적용이 안돼요

Resolved

602

uti05201599

11 asked

0

다음과 같이 세팅 화면에서는 autoprefix가 보이는데 검색해서 적용시키려고 하면 뜨지 않습니다.

HTML/CSS javascript 인터랙티브-웹 jquery

Answer 3

1

ggangcoding162118

안녕하세요 엄태인님 :)

autoprefix 플러그인은 css파일에서 실행시켜야 실행됩니다 :D

css파일에서 실행해보세요^^

0

ggangcoding162118

안녕하세요 태인님 :)

수업에서 사용하는 에디터는 서브라임텍스트3 입니다.

태인님의 질문을 보고 vs code에서 autoprefix 플러그인을 설치해 확인해봤는데요

설치를해도 vscode에서 해당 플러그인을 찾지 못해

단축키로 설정하고 autoprefix 플러그인을 실행해 보았지만 not found 에러가 나옵니다  :( 

설치를 해도 찾지 못한다는 것은 환경 변수 설정쪽이 의심가지만 제가 vs code를 많이 사용하지 않아서 정확한 해결법은 모르겠네요

혹시 모르니 태인님도 단축키로 설정해 테스트 해보세요:)

{
"key": "ctrl+shift+c",
"command": "autoprefixer.execute"
}

다음 구문을 추가해서 실행시켜 보시고요 그래도 안된다면

vs code에서는  css-auto-prefix를 사용하면 될 것 같습니다.

주로 서브라임텍스트 에디터를 사용하고 vs code는 react나 vue js 프로젝트를 할때만 사용하기 때문에 정확한 원인은 모르겠네요^^;

아마 서로 업데이트 되는 과정에서 언제부턴가 호환성 오류가 생겨서 안되는 걸지도 모르겠습니다.

아마 단축키로도 실행이 안된다면 vs code에서는  css-auto-prefix 플러그인을 설치하고 사용법은 api를 참고해 보시길 바라겠습니다 :)

ex)구글 검색 css-auto-prefix

ps. 설치하고 css에  trasnform 속성 작성해 보면 벤더 프리픽스가 자동완성 되는 것 같네요^^

그럼 다른 궁금증이 생길때 문의주세요 :)

0

uti05201599

강사님, css파일에서 실행해봐도 보이지가 않네요..

install은 된 것 같은데 왜 안보일까요?ㅠㅠ

다음강의 언제나오나요 다음강의는 인터렉티브한 전체적인 웹사이트였으면 좋겠네요

0

196

1

반응형에 대해 질문이 있습니다 !

0

365

1

날짜 카운트를 활용하여 시간으로 적용해볼 수 있나요?

0

379

1

함수가 정의되기 전에 함수 호출

0

343

1

섹션12 보너스 챕터에 관한 질문입니다!

0

468

1

5-3-1 강좌 섹션 질문 합니다.

0

311

1

죄송합니다만 해당 프로젝트를 리엑트로 수정해서 만들어보고있는중에 질문드립니다.

1

463

3

화면 높이 관련 질문 있습니다.

1

433

1

선생님

0

370

1

5-2 vanilla.html 질문합니다.

0

422

1

5-3-2 질문입니다.

1

293

1

5-2 추가 질문이요

0

345

2

5-2 ! 질문이요.

0

266

1

안녕하세요!

0

272

1

질문드립니다.

1

366

2

질문드립니다.

0

1664

3

색션6강 카운트관련 문의드립니다!

0

238

1

섹션5 관련 질문드립니다.

0

261

1

setProperty 를 재활용 하고싶습니다.

0

210

1

IntersectionObserver

0

255

1

offsetheight와 scrollheight

0

397

1

완성된코드를 그대로 가져왔는데 크기가 이상해요

0

427

2

2:56에 10씩 증가시키는건 어떻게 하신건가요?

0

314

1

<script>에 $(function(){})으로 감싸준 이유

0

206

1