또치의 삽질 보관함 또치의 삽질 보관함

Web

• [Svelte] Scrolling 되는 태그 엘리먼트에 대해 Scroll 값 구하기 예제

  Javascript & TypeScript 2023. 3. 1. 23:59

  svelte:window 와 같은 특수태그의 지원요소가 아닌 div 내부에 있는 스크롤링이 이동한 값을 구하려면 아래와 같이 작성하면 된다. y = el?.scrollTop ?? 0 }> ... 이하 중략 ... 별거 아닌 거 같은데 은근 해매게 되었다. -_-

  Read More
• [Web] querystring을 이용한 캐시 무시(cache busting) 요청은 javascript나 css같은 contents 에 한정된다.

  ETC 2021. 4. 14. 23:22

  그저께 ASP.NET Core에서 캐싱을 활용하는 방법과 예제를 간략하게 다뤘었다. (ddochea.tistory.com/132) 그리고 오늘 관련해서 친구에게 문의가 왔었다. "querystring 값 다르게 하면 캐시 무시할 수 있냐?" 그 질문에 나는 당당하게 "ㅇㅇ" 이라고 대답했다. 왜냐하면 오래 전에 javascript가 캐싱된 일부 브라우저에 수정된 javascript를 일괄적용시킬 수 있도록 사용한 방법이 querystring 을 추가하고, 필요할때마다 값을 바꿔주는 것으로 해결했기 때문이었다. 이것을 "cache busting" 이라고 한다. What is cache busting? · Curtis Timson What is cache busting? · Curtis Timson A ca..

  Read More
• [AWS/Lightsail] AWS에서 웹서비스 만들기 실습 - 5. 웹 서버 배포(NodeJS, Express)

  서버 관리/AWS & Lightsail 2021. 3. 27. 19:48

  https 적용까지 했으니, 웹서버를 올릴 차례이다. 이번 개인 프로젝트로 NodeJS, Express 기반의 웹 서비스를 개발할 목표를 가졌기 때문에, NodeJS + Express 기반으로 설명할 예정이다. 1. EC2에서 NodeJS 설치 SSL로 접속해, EC2에 NodeJS를 설치한다. 설치방법은 예전에 작성했던 포스트가 있다. ddochea.tistory.com/29 [nodeJS] 우분투에서 apt를 사용하여 최신버전 nodeJS 설치 우분투에서 바로 apt-get 명령어로 nodeJS 설치하면 최신버전이 아닌 v4.x 버전으로 설치된다. (Ubuntu Server 16.04 LTS 기준) 최신버전으로 설치하려면 아래 명령어로 실행해주면 된다. # Using Ubuntu curl -f.. d..

  Read More
• [Web] 사이트 분석도구 (contentwiki.net)

  ETC 2017. 5. 21. 10:20

  URL : contentwiki.net 웹 사이트 분석도구. 도메인으로 검색하면 해당 사이트에 대한 Header정보, html 태그가 어떤 항목이 몇개 쓰였는지, 클래스는 몇가지가 몇 번 쓰였는지 등을 보여준다. 또한 검색결과 하단부에서 도메인 등록 정보도 확인할 수 있다. (예시 : tistory.com)

  Read More