서버 컴포넌트 관련 질문입니다!

와 안녕하세요 종민님, 조은님 두분의 질의응답 덕분에 이해되지 않던 부분들을 이해하게 되었습니다. 감사합니다 ^_^b

파트4 까지 무지성 구매 갑니닷!

tsconfig.json 에러

노드는 설치가 되어 있습니다 ㅠㅠ 터미널 문구 ***@***-MacBookAir getting-started % node -v v16.14.0 ***@***-MacBookAir getting-started % sudo npm i typescript -g changed 1 package, and audited 2 packages in 512ms found 0 vulnerabilities

sub menu가 밑으로 숨어서 보이지 않아요ㅠㅠ

css에서 .sub-menu { border: 1px solid #000; position: absolute; top: 0; left: 100%; width: 100%; height: 200px; background-color: #000; display: none; z-index: 2; } display: none; 처리를 하셨으니 안보이는게 당연한데요!? display: block;을 하면 보이실거에요. 제이쿼리로 서브메뉴를 노출/비노출 처리를 하려면 display: block / display: none으로 컨트롤 하셔야 합니당.

쌤.. hover시 css적용을 해주고싶은데 어떤 방법이있을까요?

지나가던 사람입니다. 소스코드를 본 적이 없어서 확실 하진 않은데 hover시 opacity: 1을 주시고 싶다는 뜻은 호버 하지 않았을 때에는 .image의 opacity가 0.9 ~ 0까지 의 숫자로 약간 불투명한 상태여야 하는것 아닌가 합니다. opacity: 0은 불투명도가 낮아져서 아예 안보이는 상태로 만들겠다는 뜻이고 opacity: 1은 불투명도를 높여서 원본대로 보이겠다는 의미입니다. 그리고 0.1 / 0.2 / 0.3 / 0.4 ... 등등 소숫점은 0부터 1까지의 불투명도를 단계적으로 세세하게 조정해서 주기 위한 수치이구요. 이미 .image 선택자는 별도의 opcity속성값이 부여되지 않았기 때문에 기본적으로 opacity: 1의 상태입니다. 그런 .image선택자를 hover를 했을때 opacity: 1를 부여하신다면 이미 동일한 상태이기 때문에 변화가 없는것이구요. .image { opacity: 0.5;} .image:hover {opacity: 1;} 로 하시거나 --- .image {}에는 opacity값을 주지 않고 지금처럼 그대로 두시고 .image:hover {opacity: 0.5;} 정도로 변경해서 테스트 해보세용.