20%
44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결인터랙티브 웹 개발 제대로 시작하기
질문!
transition은 값이 숫자(수치)로 표현되는 속성 값의 변화가 있을 때, 그 중간 과정을 애니매이션으로 만들어준다 라고 하셨는데요. .box { width: 100px; height: 100px; border: 2px solid black; background: rgba(255, 255, 0, 0.7); transition: 0.5s; // 값이 숫자로 표현되는 속성이 값의 변화가 있을 때, 그 중간 과정을 애니매이션으로 만들어준다. } .box:hover { width: 200px; background: red; } 여기서 box:hover에 transition을 주면 안되나요? hover에 줬다가 다시 box에 transition을 주려니 헷갈려서요! 혹시 따로 주신 의도가 있나요?
- 미해결인터랙티브 웹 개발 제대로 시작하기
transform-origin과 transition 질문
안녕하세요, 휙휙 변화는게 싫어서 transition을 써보았는데 transition 쓰면 가운데서 sacle 변화가 있다가 transform-origin 기준점으로 넘어가요. 스무스한 움직임을 주고 싶을때 transition 말고 다른걸 사용해야하나요?
- 미해결인터랙티브 웹 개발 제대로 시작하기
안녕하세용 1분 코딩쌤 질문이 있어요!
근데 스크립트에 아래 코드 적으면 제가 클릭하는 애가 아니라, 제일 마지막 ilbuni부터 삭제가 돼요ㅠㅠ 이상해서 console.log(this)도 함께 했었는데 제가 클릭한 애가 맞게 출력되는데 삭제는 꼭 마지막 애 부터 시작돼요ㅠ 제가 그냥 내부 함수를 this.style.display = "none"; 으로 바꿔주면 결과는 맞게 나오긴 하는데 위에 코드는 왜 틀린 걸까용?ㅜㅜ
- 미해결인터랙티브 웹 개발 제대로 시작하기
.card에 3d속성을 또 주면 어떻게 되나요?
.world에 3d 속성을 주고 이를 자식태그(.card) 에 보존시키기 위해 preserve-3d를 써주었는데요, 여기서 internet이 preserve-3d 기능을 지원하지 않는다면 .card에 새로 perspective 속성을 주면 안되는 건가요?
- 미해결인터랙티브 웹 개발 제대로 시작하기
스크롤을 전부 내렸는데 정확히 1이 나오지 않습니다
안녕하세요 제가 자바스크립트를 작성하고 콘솔창에 실행 되는걸 확인하니 영상과 같이 정확히 1이 아닌 0.9280581545531389 이런식으로 끝나버리는데 괜찮은건가요? (function(){ const house = document.querySelector('.house'); let maxScrollValue = document.body.offsetHeight - window.innerHeight; window.addEventListener('scroll',function(){ console.log(pageYOffset / maxScrollValue); }); })();
- 미해결인터랙티브 웹 개발 제대로 시작하기
프로토타입에 화살표 함수 이용 질문입니다
안녕하세요 강의 정말 잘 보고 있습니다, 제가 강의를 보던중 프로토타입에 만들어지는 함수를 화상표 함수로 사용했더니 생산자에서 만들어진 변수를 이용 못하더라구요 원래 화살표 함수를 사용 하면 안돼는 건가요? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> </style> </head> <body> <h1>object</h1> <script> (() => { function Constructor(nickname,age) { this.name = nickname; this.age = age; console.log(this.name); } Constructor.prototype.init = () => { console.log(this.name); } const con1 = new Constructor('asdf',18); con1.init(); })(); </script> </body> </html>
- 해결됨인터랙티브 웹 개발 제대로 시작하기
-2550px 0 에 대한 제가 이해한 내용 그림으로 공유할게요!
제가 처음에 이해못할 때는 "보는 시각이 바뀌는거 아닌가?" 라고 생각하면서 첫번째 그림처럼 접근했어요. 이해가 됐을 때는 두번째 그림처럼 그림이 움직인다고 접근해서 이해했습니다. 두번째 그림의 부가설명을 하자면 처음 그림 포지션은 0 0 입니다. 1step -150px 0 만큼 그림이 왼쪽으로 움직입니다. 2step -150px 0 만큼 그림이 또 움직입니다 (총 -300px 0) ~~~~ 17step -150px 0 만큼 그림이 움직인다. (총 -2550px 0) 틀릴 수도 있습니다. 근데 전 이렇게 접근해보려구요!
- 미해결인터랙티브 웹 개발 제대로 시작하기
포지션을 -2550px로 하는데 -면 왼쪽 방향이 아닌가요?
x축의 음수면 왼쪽이 아닌가요? 어떻게 애니메이션이 왼쪽에서 오른쪽으로 재생이 될 수 있는건가요 영상을 봐도 잘 이해가 안돼네요 ㅠ
- 미해결인터랙티브 웹 개발 제대로 시작하기
질문이요
Q1. 매개변수와 객체의 차이가 뭔가요? () 매개변수에 하나만 들어올 수 있다고 하셨는데 객체에는 여러 속성이 들어 올 수 있는건가요? 추후에 추가될 거라서 지금은 하나의 속성만 있지만 객체로 써준거라고 하셨는데..ㅠ 매개변수에는 하나만 들어올 수 있는데 객체가 하나를 묶어주는 한 오브젝트인건지..ㅠ 음,, 그러니까 매개변수는 하나이고 이 한 오브젝트 안에 들어가있는 여러 속성이 객체인건가요? Q2. 그리고 생성자 함수 매개변수 안에 info로 지정해주셨는데(생성자 함수) xPos이 있는 곳에는 info라는 매개변수가 없는데 (캐릭터 생성자 인스턴스) 어떻게 연결되어 작동 되는거지요?ㅠㅠ 하.. 생성자 함수에 info라는 매개변수를 만들어 줬고 생성자 인스턴스에 값인 오브젝트를 넣어준것이기 때문에 xPos가 잘 나오는 것인가요 new Character 이라는 것을 통해서 연결이 자동으로 된것인가요..ㅠㅠ Q3. 창이 왔다갔다해서 더 헷갈리는 듯하네요. 마지막으로 this.mainElem.style.left = info.xPos+'%'; 이부분이 원래는 12%로 한 곳에만 찍힐 수 있는데 위와 같이 해줌으로써 아무곳이나 찍히게 하려고 하는 건가요? 그런데 왜 left만 한정해줬는지요? stage x좌표 부분이면 어디에나 다 찍혀야하는데 말이지요..ㅠ 그 12%로 해줘서 그런가요? 어렵습니다...ㅠ Q4. 위에 생성자 함수와 밑에 stage.addEventListener('click', function(e) { new Character({ xPos: e.clienX / window.Innerwidth * 100 }) }); this.mainElem.style.left = info.xPos+'%'; 그리고 얘네는 생성자 함수 바로 밑에 있고 생성자 함수랑 인스턴스랑 다른 창에 있고 해서 더 헷갈리네요. 원래는 생성자 함수 밑에 바로 생성자 인스턴스가 있는거 아닌가요?
- 미해결인터랙티브 웹 개발 제대로 시작하기
프로토타입 질문
선생님 복습중인데 프로토타입에 추가하지 않고 constructor: Card 이런식으로 새로 재정의 해주는 이유가 무엇인가요? 그리고 클래스에서는 프로토타입을 어떤 형태로 쓰일까요? 오랜만에 질문드립니다
- 미해결인터랙티브 웹 개발 제대로 시작하기
질문 드립니다.
안녕하세요. 혹시 처음 페이지 로드 시 가운데에 캐릭터가 있는 상태로 코드를 변경 하려고 한다면 어떤 부분들을 수정해야 되는지 알고 싶습니다.
- 미해결인터랙티브 웹 개발 제대로 시작하기
background: url 쪽질 문입니다.
해당이미지 넣는곳 background url (' 이미지 경로' ) no-repeat 0 0 /auto 150px 이부분 좀더 자세하게 설명해주실수 있으신가요?? no-reapte는 반복을 안하겠다는거같은데 무엇을 반복안시키는건지.. 뒤의 / auto 150px; 은 해당이미지를 세로 150px 가로는 자동으로 세로150px에 맞는 이미지로 보여주겠다는건지.. 이미지파일은 고해상도이미지로인해 원래크기?의 2배인 300px로 되있는데 이게 고해상도이미지가 아니라면 어떻게표현해야하는지요 또 고해상도이미지라 2배크기라고 해도 코드에서 그게 2배인지 어떻게 인식되서 -5100px이 아니라 -2550px인지 알고싶습니다.
- 미해결인터랙티브 웹 개발 제대로 시작하기
3d 이미지
안녕하세요 선생님이 주신 일분이, 라면소녀 이미지로 코딩하고 공부하던 중에 다른 이미지도 넣어보고 싶어서 구글에 찾아보니 잘 안찾아지네요.. 혹시 저런 각각 다른 신체부위별 이미지를 찾을려면 어떤 검색어나 어떤 사이트를 사용해야하나요?!
- 미해결인터랙티브 웹 개발 제대로 시작하기
브라우저에 관한 질문드립니다!!
안녕하세요 평소 자바스크립트를 어려워했었는데 강의로 인하여 재밌어졌습니다 !! 감사합니다!! 다름이 아니라 제가 윈도우를 사용하는데 제가 만든 페이지를 지인 노트북인 맥 사파리에서 실행시켜보니 css가 다르게 적용된걸 볼 수 있었습니다. 저의 질문은 윈도우에서 사파리에 css적용된걸 어떻게 확인할 수 있나요?(저는 vscode를 사용합니다)
- 미해결인터랙티브 웹 개발 제대로 시작하기
안녕하세요 ! this.mainElem 질문있습니다
강의 1분 58초 부분에서 this.mainElem 을 사용하는 이유를 설명해주셨는데 캐릭터 생성자를 통해서 만들어낸 인스턴스 객체에 속성으로 쓰겠다라는 말이 무슨뜻인지 이해가 되지않습니다 ㅠㅠ 생성자 강의에서는 this.name this.age 를 사용한 것이 일분이 이분이의 설명?이라고 생각해서 이해를 했었는데 이 부분에서는 잘 이해가 되지않네요 ㅠㅠ mainElem을 생성자 CHaracter 안에 변수로 이해하면될까요..? ㅠㅠㅠㅠ 어떻게 이해를 해야할까요ㅠㅠ 늘 좋은 강의 감사합니다..!!
- 미해결인터랙티브 웹 개발 제대로 시작하기
reizeHandler(); 실행
아랫분이 질문 올리셨던데 addEventListenr가 이벤트가 발생할떄 자동으로 함수가 호출되는 건대, 처음에 로드할때는 resize가 발생되지 않으니 처음부터 실행될 수 있도록 밑에다가 reizeHandler();를 한번더 써줘서 실행될 수 있게끔 해주신걸로 이해해도 될까요? 하 너무 어렵습니다..... 코딩.ㅠ
- 미해결인터랙티브 웹 개발 제대로 시작하기
clearInterval 대신 clearTimeout
제가 clearInterval로 수정하지않고 주석처리해놨던 clearTimeout 을 그대로 사용했는데 정지가 됐는데 !! 호환이 되는건가요? 오류가 나지않고 그대로 실행되네욤..!!
- 미해결인터랙티브 웹 개발 제대로 시작하기
안녕하세요 1분코딩님
안녕하세요 1분코딩님 강의를 듣고 있는 취준생입니다. 다름이 아니라 이 강의를 들으면서 학습을 하면 Javascript의 개념도 어느정도 숙지하고 HTML + CSS + Javascript 를 능숙하게 다룰수 있도록 연습이 될수 있을까요? 1강이라 궁금해서 여쭈어 보려고 합니다. 위의 세 언어를 가지고 능숙하게 사용할수 있게 되면 React나 Vue같은 라이브러리나 프레임워크로 넘어가려고 합니다.
- 미해결인터랙티브 웹 개발 제대로 시작하기
rotateX, Y
재밌는 강의 감사합니다! .wall-left, .wall-right width 크기를 1000vw로 설정했을 때 .wall의 위치에서 왜 width가 오른쪽 방향으로 커지는지랑 3d 공간에서의 rotateX, rotateY의 회전이 너무 헷갈리는데 쉽게 설명해주셨으면 좋겠어요!! 아직 3d가 어려워서 코드펜에 원래 html코드 wall-right밑에 wall-top, wall-bottom도 추가하고 css도 추가해서 연습했는데요. top부분은 뷰포트 크기에 반응을 하지 않는데 왜 bottom은 사진처럼 변할까요?!
- 미해결인터랙티브 웹 개발 제대로 시작하기
질문이요
let maxScrollValue = document.body.offsetHeight - window.innerHeight; 전체 스크롤할 수 있는 범위는 알겠는데 얼마나 스크롤했는지 비율을 알기 위해서? 스크롤 비율을 알면 더 좋은건가요? 여기서 왜 비율을 알아야하는지.. 비율을 왜 쓰는지 설명이 없고 갑자기 비율을 계산하시고 이에 대한 설명만하셔서 이해가 안되네요.