My Tech Blog (효과)

1. 코넬 대학교의 사회 실험 능력이 부족한 사람은 자신의 능력을 과대평가하고, 능력이 뛰어난 사람은 자신의 능력을 과소평가하는 현상.즉, 모든 사람들이 "나는 중상위권(25~50%)쯤 되지 않을까?"라고 생각하는 현상. 무식하면 용감하다는 말이 코넬대학교의 사회 실험으로 증명된 것이다. 즉, 창업할 때 자신감이 최고조인 이유가 바로 이것 때문이다 ㅋㅋㅋㅋㅋㅋ 이것이 바로 그 누구라도 겸손해야 하는 이유이다. 아래보다는 위를 보고, 겸손하게 살자.... ㅋㅋㅋㅋㅋ 더닝 크루거 효과는 인지 편향 중 하나인데, 코넬 대학교 사회심리학 교수 데이비드 더닝(David Dunning)과 대학원생 저스틴 크루거(Justin Kruger)가 코넬 대학교 학부생들을 대상으로 실험한 결과를 토대로 제안한 이론이..

⚡리스트 태그 사용해서 서브메뉴 만들기 연습⚡ 메뉴에 마우스 올렸을 때 다음과 같이 서브메뉴가 나타나도록 하기 위해 어떻게 코드 작성하는지 알아 보자. - 색깔 입혀주는 css 코드는 별도로 하단에 올려 두었으니 태그 안에  CSS 코드 해설위 CSS 코드의 의미를 살펴보자. 위 코드에서 가장 핵심  2가지는 - submenu가 안보이다가 메뉴바에 마우스를 올렸을때 submenu가 나오게 하는 드롭다운 구현 - 마우스를 올렸을 때 서브메뉴가 부드럽게 나타나도록 함 3-1. 드롭다운 구현 #submenu의 초기 상태: left: 0: 서브메뉴의 왼쪽 위치를 부모 요소의 왼쪽에 맞춤opacity: 0: 서브메뉴를 보이지 않게 설정position: absolute: 서브메뉴를 부모 요소 기준으로 절대 위치to..

✨피사체에 그림자 추가하기✨ 안녕하세요. 오늘은 피사체에 그림자를 추가해서 역동적인 이미지를 만드는 법을 알려드릴게요. 포토샵이나 일러스트를 사용하지 않아도 HTML과 CSS만으로 작업 할거니까 Vscode에서 따라해주세요. 📌 STEP 1. 투명한 바탕의 이미지를 준비해주세요. 투명한 배경 이미지 찾는 법 알려드릴게요. 포토샵으로 직접 배경을 제거하는 방법도 있지만 우리는 연습만 할꺼니까 구글에서 배경 없는 이미지를 가져와봅시다. 그냥 검색하면 실제로는 배경이 투명하지 않은 경우가 많아요. 구글에서 투명한 이미지 검색하는 법 구글 이미지검색 > 검색창 아래 [도구] 클릭 > [색상]에서 투명 클릭 실제로 배경이 투명한지 확인하기 위해서는 직접 이미지를 클릭해보세요. 아래처럼 배경에 회색 스케일의 바둑판..