go live 실시간 크롬

안녕하세요. 혹시 vscode의 go live 버튼을 누르면 브라우저가 자동으로 실행이 되시나요?브라우저에서 http://127.0.0.1:5500/index.html

javascript 도움말 vsCode 확장팩 문의!

https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode이거 설치해보세요~

블로그 상단 페럴렉스 효과 구현 질문 있습니다!

안녕하세요. css의 background 속성을 url("...") center 0 / cover no-repeat; 로 설정해두고 시작하셔도 됩니다. 한 번 테스트 해보시겠어요?

모바일 스와이프 구현 마지막 숙제

안녕하세요.원하는대로 동작을 하신다면 맞습니다.제가 궁금한 부분은if (pageNum > 0) { pageNum--; } else { pageNum = totalNum - 1; }pageNum 이 0보다 작으면 pageNum = 0; 을 해줘야하는 것 아닌가요?어떻게 구현을 하시려는지 정확히 모르겠지만요. 아래도if (pageNum pageNum = totalNum - 1; 이라고 해줘야 할 것 같아요.아니면 빼도 동작이 같을 것 같아요. if (pageNum > 0) { pageNum--; } // if (pageNum

마우스 인터렉티브 변형 질문

안녕하세요 답변이 늦었습니다. '마우스 궤적을 따라서 이미지가 잔상처럼 늘어나는 것으로 보이게' 에 대한 정확한 느낌을 잘 모르겠어서 답변을 못드리고 있습니다. 혹시 비슷한 레퍼런스 사이트가 있으면 같이 고민해 볼 수 있을 것 같아요.

TextureLoader관련 질문 드립니다.

안녕하세요 캔은 3d 모델러가 모델링을 할 때 맵핑도 함께 해줬습니다. 상황은 다를 것 같고요. 하지만 텍스쳐 로더로 이미지를 로드하고 모델링에 맵핑하는 것은 맞습니다.https://pickywicky.co.kr/ 위 페이지 보시면 캔 모델링 하나 로드를 하고 맵핑 이미지는 세장을 로드한 뒤 클릭 시 교체해주는 방식이거든요.const textureLoader = new THREE.TextureLoader(); const texture0 = textureLoader.load("/model/can.png"); const texture1 = textureLoader.load("/model/can_smoky.png"); const texture2 = textureLoader.load("/model/can_hot.png"); const textureArr = [texture0, texture1, texture2]; //이미지 로드해서 배열에 넣음 model.traverse(function (child) { //모델링 순회하며 if (child.isMesh) { //메쉬일 경우 맵 교체 child.material = new THREE.MeshStandardMaterial({ map: textureArr[num], }); child.material.magFilter = THREE.NearestFilter; child.material.minFilter = THREE.NearestMipMapLinearFilter; } });위 처럼 한 것인데요.만약에 모델링에서 한 부분만 맵핑을 하고 싶으시면 모델러에게 모델링 될 부분의 name을 지정해달라고 하세요.아래처럼 해보면 될 것 같은데요?테스트가 필요하기는 합니다만.if (child.name == "mappingArea" ) { //맵핑 }

안녕하세요. 수업 잘 듣고 있습니다. 포트폴리오 관련 질문도 가능할까요?

감사합니다.포폴은 간단한 페이지다 보니 next.js로 개발하고 정적페이지로 빌드해서 cafe24로 운영중입니다. 예전에 몇 년 결제해 놓은 게 있어서요.

나비가 버튼위로올라가면 버튼의 hover기능이 멈춰버려요

안녕하세요.나비 이미지가 버튼 위에 있어서 겹쳐지며 버튼을 막아버리는건데요.나비 부모인 .box에 속성 하나 추가해주시면 해결이 됩니다.참고로 바로 뒤 강의에서도 나옵니다. .box { pointer-events: none; }

CSS에서 궁금했던 부분 -실전 페럴렉스 강의 부분

안녕하세요1번 질문 : overflow-y 빼셔도 됩니다. 안전 장치라고 생각하시면 됩니다.이미지 영역의 height를 height: inherit; 로 해줘서 사이즈가 같아서 삐져나올 일은 없습니다. 다만 디자인이 다르거나 다른 상황에서는 필요할 수도 있습니다.2번 질문 : innerWrap 에서는 margin을 빼주셔도 될 것 같습니다. 가운데로 보내는 것은 contWrap의 margin: 0 auto;입니다.가운데로 보내는 다른 방법도 있습니다.아래처럼 해보세요. section.subPage .innerWrap { position: relative; padding: 100px 0 300px; display: flex; justify-content: center; } section.subPage .innerWrap .contWrap { padding: 20px 40px; width: 700px; }

requestAnimationFrame 질문

크기 키우는 것을 css tranform 속성을 사용하셨다면 그런 문제가 생기지 않을 겁니다. transition의 ease-in-out 을 ease로 바꾸시고 속도를 .5s -> .1s 이런식으로 바꾸시고 테스트 해보세요.해결 안 되시면 코드를 남겨주세요~