코드로 우주평화

명대사를 활용한 자기소개 웹페이지 제작 데모 링크 : https://daco2020.github.io/introduce/ 깃헙 링크 : https://github.com/Daco2020/introduce 개발 목표 1. 일반적인 자기소개가 아닌 명대사를 활용한 컨셉있는 자기소개 페이지를 만들고 싶었음 2. 네비바를 클릭하면 해당 페이지로 스무스하게 이동시키고 싶었음 3. 내 이야기만 하는 것이 아닌, 다른 사람들과 소통할 수 있는 댓글 기능을 넣고 싶었음 사용 기술 HTML CSS - media query, keyframes JS Disqus Advanced Feature 1. 재미있게 본 콘텐츠의 명대사를 활용하여 내가 되고 싶은 개발자를 표현함 2. 네비바를 클릭하면 해당 페이지로 자연스럽게 이동하며..

웹페이지에 이미지를 넣는 방식은 크게 두 가지가 있다. 1번. HTML에서 태그를 활용해 넣는 방법. ​ 2번. CSS 에서 background-image 속성을 활용해 넣는 방법. { background-image: url("이미지 링크"); }​ 그렇다면 이 둘의 차이점은 무엇인가? (줄여서 1번, 2번이라 지칭하겠음) 1번은 이미지 로딩이 실패할 때, alt="대체 메시지"로 대체 결과물을 출력할 수 있지만 2번은 그렇지 못하다. 1번은 HTML이 구문 분석될 때 요청이 이루어지므로 성능면에서 2번보다 좋다. 1번은 검색 엔진에서 색인을 생성하여 검색시에 노출이 되지만 2번은 자동으로 색인화하지 않기 때문에 검색 시 노출되지 않는다. (자세한 이유는 하단에) 그럼 이 둘을 어떨 때 사용하면 좋을까?..