text-overflow: ellipsis;로 ... 처리(말 줄임 처리)되면 JS로 이벤트 발생하기 text-overflow: ellipsis;는 글이 너무 길어질 경우 마지막 부분을 ...처리할 수 있는 CSS 코드입니다.흔히 말 줄임 효과라고 합니다.PC 화면에서는 말줄임 효과가 나타나지 않지만 반응형 작업을 하다 보면 ellipsis의 효과로 말 줄임이 되는 경우가 있습니다.이때 JS로 반응형에서는 다른 모습을 보여주거나 이벤트를 발생시킬 수 있도록 코드를 정리하였습니다.아래 코드를 통해 디자이너와 상의해서 더욱 다채로운 사이트를 만드셨으면 좋겠습니다. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy t.. 2024. 11. 9. PPT로 동시 통역 사용하기(PPT 벗어나도 사용가능!) 안녕하세요!오늘은 많은 분들이 생소할 수 있는 PPT 사용법을 공유해드리려 합니다.바로 PPT의 동시통역 기능입니다.이 기능은 MS AI 세미나에서 MS 부사장님이 친히 알려주신 유쾌한 기능입니다.주의 사항:이 기능을 사용하기 위해서는 윈도우에서 마이크 접근 권한을 열어주어야 합니다. 윈도우 설정 > 개인 정보 및 보안 > 마이크 접근 켬으로 설정하기.이 기능을 사용하기 위해서는 입력 장치를 통해 컴퓨터에 소리가 들어가야 합니다. 만약 발표 장소의 마이크와 컴퓨터의 소리를 연결하기 어려우시다면 컴퓨터의 기본 마이크를 입력 장치로 설정하신 후, 컴퓨터 마이크 근처에서 발표를 하시면 됩니다.이 기능을 사용하기 위해서는 인터넷과 연결되어 있어야 합니다.방법: PPT를 켭니다.새 프레젠테이션을 엽니다.탭에서 “.. 2024. 11. 8. 클릭 이벤트 발생 시 네이버 지도로 새 탭 띄워서 바로 검색하기! 아래 코드는 클릭 이벤트 발생 시 바로 새 탭을 띄우고 네이버 지도로 경로를 검색할 수 있는 코드입니다. 자동차 대중교통 Find Way주의 사항: 대중교통은 경유지를 추가할 수 없습니다. 경유지 추가 시 자동으로 자동차 경로로 검색됩니다.네이버 지도는 최대 5개의 경유지를 허용합니다. 아래 코드는 2개의 경유지만 추가하였으나 같은 방법으로 뒤에 경유지를 추가해 주시면 됩니다. 경로 검색을 위해서는 해당 주소의 경도와 위도를 알아야 합니다. 경도와 위도는 아래 링.. 2024. 11. 7.
