개발/ETC9
[VSCode] 자주 사용하는 단축키 모음
개인적으로 공부하면서 기록하는 공간으로 잘못된 정보는 댓글을 통해 알려주시면 감사하겠습니다 :-) ▪ ▪ ▪ ▪ ▪ 프로그램을 사용할 때 핵심적인 단축키만 알고있어도 효율적인데요 ! 이 단축키는 왜 써도써도 기억을 못하는건지 쓸 때마다 찾아보는 것 같아요ㅠㅠ 그래서 이번엔 제가 실무에서 자주 사용하는 단축키들을 모아봤어요 ⸜(♡'ᗜ'♡)⸝ 주석 1) 주석 Ctrl + / 한 줄 주석처리 여러 줄 블럭 후 단축키 사용 시 여러 줄 주석 가능 Ctrl + K + C Alt + Shift + A 원하는 부분(한 줄의 일부)만 주석처리 2) 주석 해제 Ctrl + / 한 줄 전체의 주석 해제 Ctrl + K + U Alt + Shift + A Alt + Shift + A로 한 주석을 해제 정렬 Ctrl + K ..
[HTML] Open Graph Protocol
개인적으로 공부하면서 기록하는 공간으로 잘못된 정보는 댓글을 통해 알려주시면 감사하겠습니다 :-) ▪ ▪ ▪ ▪ ▪ 카카오톡 또는 SNS에서 링크를 공유할 때, 해당 사이트에 관한 미리보기 썸네일을 본 경험이 한번 쯤은 있을거에요. 개발을 할 때 놓치기 쉬운 부분이기도 하고, 설정할 때마다 태그가 헷갈리기도 하죠. 원하는 썸네일을 설정하려면 어떻게 해야하는지 알아볼게요. Open Graph SNS를 통해 공유될 때 웹페이지에 대한 메타 정보를 보여주기 위한 태그로, HTML 문서 내의 og:로 시작하는 메타태그를 찾아내어 보여주는 프로토콜이다. 오픈 그래프는 플랫폼에 URL을 붙여 넣는 순간 해당 플랫폼에서 일하는 크롤러가 빠르게 해당 URL을 먼저 방문해서 웹페이지에 있는 오픈그래프 데이터를 수집해 미..
[IIS] IIS Custom Error Page
개인적으로 공부하면서 기록하는 공간으로 잘못된 정보는 댓글을 통해 알려주시면 감사하겠습니다 :-) ▪ ▪ ▪ ▪ ▪ IIS Custom Error Page 소스 코드, 예외처리, 시스템 콜, API 함수 호출 등과 연관된 에러가 발생할 경우 실행환경, 개발 정보, 사용자, 관련 데이터에 대한 민감한 정보를 포함하는 오류 메시지를 출력하거나 잠재적 위험에 노출될 수 있다. 모든 에러(403 error, 404 error, 500 error, DB error, Application Error 등) 발생 시 별도의 에러 페이지를 생성하고 해당 에러 페이지로 이동 가능하도록 구현해야한다. 또한 별도 WAS 웹 서버(apache, iis 등)와 연동하여 사용하는 경우는 WAS에 에러페이지 처리와 함께 웹 서버에서..
[Tistory] 윈도우 스타일 코드 블럭 테마 적용
제가 너무 하고싶었던 스타일의 코드블럭 테마인데, 정보가 많이 없어서 찾는데만 정말 몇 일이 걸렸어요. 잘 정리해서 올려주신 분이 계셔서 정보 공유 드려요 ! 스타일 적용 후 코드블럭 테마 미리보기 플러그인 설정하기 • 설정의 플러그인 탭 ([티스토리도메인]/manage/plugins) 의 코드 문법 강조를 활성화해주세요. → highlight에서 직접 받아오는 경우에는 충돌나서 적용이 안될 수 있으니 해당 기능을 해제해주세요. ※ 라이트모드로 설정하실 분은 라이트모드 테마, 다크모드로 설정하실 분은 다크모드 테마로 선택해주세요. CSS 편집하기 css 편집은 • 설정 > 스킨편집 > html 편집 경로 • [티스토리도메인]/manage/design/skin/edit 를 통해 접근할 수 있습니다. ▼ 추..