JS) Location.hash 와 URL의 #부분 처리 URL에서 #부분은 몇몇 상황에서 활용된다. 웹페이지 사용자에게 필요한 위치로 이동 (id를 이용) Callback 만약, 아래와 같이 만들면 ID가 menuul인 위치로 이동하게 된다. https://hi098123.tistory.com/#menuul location.hash를 이용하면 #을 포함한 뒷부분의 값을 알아낼 수 있다. var x = location.hash; console.log(x); // #menuul Callback 에서 https://url#token=abcdef123456789&expire=3600 와 같이 Callback을 주는경우 다음의 이벤트 리스너를 이용할수도 있다. addEventListener 의 hashchange function hashHandler() { conso..
Javascript) innerText vs innerHTML 자바스크립트 코드로 div 내부 글 p 태그 내부 등 내부의 글을 가져올때 innerText 또는 innerHTML 을 사용한다. 또는 반대의 경우 가져올때 입력할때 ! 자기소개서에서 글자수를 체크 해줄때 입력 정보를 활용해서 뭔가를 하고싶을때 등등 여러가지 경우에서 내부의 텍스트값을 가져오고 싶을수 있다. 또는 어떤 값을 넣고 싶을때 사용자의 동작에 따라 HTML을 수정하고 싶을때 등 이렇게 반대의 경우로도 이용가능하다. 이 둘의 차이점을 알아보자. JS에서 주의 : 대소문자를 틀리면 브라우저에서 작동을 안할수 있다. 차이를 알아보기 위해 HTML 코드를 다음과 같이 작성했다. 안녕하세요 ㅎㅎ 이렇게 작성하면 결과는? innerText 안녕하세요 ㅎㅎ 사용자에 보이는 텍스트값만을 가져온다. 복사 붙여 ..
썸네일 이미지
무료이면서도 빠른 JS/CSS CDN 서버 - jsdelivr 먼저 CDN서버란 ? CDN(Content Delivery Network) - 콘텐츠 제공 네트워크 한곳에 있는 서버에서 전세계 유저에 서비스를 하게 된다면 전세계 네트워크를 지나가면서 지연시간이 늘어나게된다. 따라서 속도가 느려지는데 이를 방지하기위해 전세계 곳곳에 캐시서버를 두고 가까운 서버에서 먼저 전송 받는다. 주로 정적인 콘텐츠(이미지,영상,자바스크립트,스타일 시트 등)를 제공한다. 아래의 이미지는 jsdelivr의 캐시서버 위치들이다. 우리나라에는 클라우드 플레어 서버 하나밖에 없다.. https://www.jsdelivr.com/network#map 노란색 - Cloud Flare 빨간색 - Fastly 파란색 - StackPath 중국(진한 빨간색) - QUANTIL 초록색 - Other ..