게시글
질문&답변
2024.04.02
섹션5 자바스크립트 이벤트 다루기 질문
전역변수는 말 그대로, 모든 곳에서 공유되는 변수입니다. 그러다보니 전역변수를 많이 사용하게 되면 예기치 못한 오류(다른 곳에서 값이 바뀐다든지)가 발생하기가 쉬워서, 전역변수 사용을 피하는 경우가 많답니다. 같은 맥락으로 "전역변수를 사용하지 않기 위해서"라고 말한 것입니다 :)
- 1
- 1
- 54
질문&답변
2024.03.29
예제와 보여지는게 다릅니다.
간혹 Three.js의 버전에 따라 밝기가 다르게 나타나더라고요! 강의를 촬영할 때 사용한 버전과, 현재 설치하신 버전이 달라서 발생하는 차이로 보입니다. 프로젝트 개발 중간에 Three.js의 버전을 바꿀일은 잘 없으니, 현재 버전에 맞추어 적당한 밝기를 선택하시면 될 것 같습니다.
- 0
- 2
- 142
질문&답변
2024.02.13
강의에 나오는 html 자동으로 만들어주는 편집기에 대해 알 수 있을까요?
emmet이라고 불리는 기능인데요, VSCode에는 내장되어있어서 따로 설치하실 필요가 없습니다. ul.menu 입력하시고 탭을 누르시면 동작할거예요! 다른 에디터를 사용하신다면, 플러그인 설치하는 곳에서 emmet이라고 검색해보세요.
- 0
- 1
- 114
질문&답변
2023.12.07
scene에 camera add는 꼭 필요한 건가요?
렌더링할 때 renderer.render(scene, camera) 함수의 인자로 카메라가 전달되기 때문에, 말씀대로 Scene 객체에 꼭 직접 추가할 필요는 없습니다. 그냥 관례적으로 해오던거라고 보시면 될 것 같아요. 물론 카메라가 다른 Object3D 객체에 add될 필요가 있는 경우에는 해당 객체에서 명시적으로 add 해주셔야 하고요.
- 0
- 1
- 190
질문&답변
2023.12.07
css가 연결이 안되요 ㅜㅜ
보통 파일의 경로가 잘못되었을 경우 나타날 수 있는 에러로 보입니다! 브라우저가 CSS 파일을 찾지 못하면, 대신 HTML 문서를 반환하려고 시도할 수 있고.. 이게 "text/html" MIME 타입으로 인식되어서 에러가 발생할 수 있거든요. src 폴더 안에 main.css가 있는지 확인해 보시겠어요? 파일이 있는데도 그런 에러가 발생한다면, webpack.config.js 파일의 맨 아래, CopyWebpackPlugin 부분에 main.css 경로가 잘 활성화되어있는지를 살펴보시면 좋을 것 같아요. 그래도 안된다면 웹팩을 설치하고 실행하는 경로가 잘못되었을 가능성이 있어서, 파일을 싹 지우시고 새로 다운로드 받으신 후에, 폴더 경로가 강의 내용과 정확히 일치하는지 꼼꼼히 확인하시면서 처음부터 해보시면 좋을 것 같습니다.
- 0
- 1
- 148
질문&답변
2023.12.04
강사님 vscode 폰트와 색상이 뭔가요
폰트는 Cascadia Code이고요, 색상은 테마에 따라 달라질 거예요^^ 키보드는 맥북 키보드 또는 Nuphy Air75 쓰고 있어요.
- 0
- 2
- 242
질문&답변
2023.11.30
2:20분 이해가 가지 않습니다.
translateX(300px)의 의미는 절대 좌표 300px 위치로 이동하는게 아니라, 원래 자기의 위치에서 300px 이동하는 거랍니다. 그래서 box-action 클래스가 있을 경우 원래 위치에서 300px만큼 이동하는 것이고, box-action 클래스가 빠졌으니 원래 자리로 돌아가는 거죠~
- 0
- 1
- 142
질문&답변
2023.11.20
[#전진! 3D 스크롤 11] mousePos 공식 질문 있습니다!
AI 인턴님이 잘 설명해주셨는데.. 덧붙이자면, 그냥 e.clientX / innerWidth는 비율이 되니까 0에서 1사이의 값이 나오는데, 그걸 -1에서 1 범위로 바꾸기 위해서 추가 연산을 해준거라고 심플하게 생각하시면 됩니다. y값은 기본적으로 위로 갈 수록 마이너스 아래로 갈 수록 플러스가 되는데, 우리는 그와 반대로, 위로 가면 플러스, 아래로 가면 마이너스로 바꿔주기 위해서 x값과 부호를 반대로 해 준 것이고요^^
- 0
- 2
- 231
질문&답변
2023.11.09
스크롤 페이지 만들기 -땅과 집 색상이 너무 어둡습니다.
환경에 따라 조금씩 차이가 나는 경우가 있는데, 이건 조금 많이 차이가 나네요. 일단 조명 강도를 좀 변경해 보시겠어요? 그리고 나서 다르 컴퓨터에서는 어떻게 보이는지 확인해 보시면 좋을 것 같습니다. 아래 볼드처리 된 부분들입니다! const ambientLight = new THREE.AmbientLight('white', 0.5 ); const spotLight = new THREE.SpotLight('white', 0.7 );
- 0
- 1
- 272
질문&답변
2023.11.03
특정 타이밍 스크롤 애니메이션 적용하기 섹션 수강중입니다.
AI인턴님 이야기대로 중간에 if(currentYOffset => partScrollStart && currentYOffset 이 부분에 >=를 =>로 잘못쓰셔서 그런게 아닐까 싶습니다!
- 0
- 2
- 233