💻기술/정보공유

해커톤을 나가거나 실무를 한다면 협업은 필수입니다. 이때 어떤 사람은 끝에 세미콜론을 안 붙이거나, 같은 알고리즘을 짜더라도 가독성을 신경 쓰지 않거나, Tab vs Space 논쟁이 시사하는 것처럼 컨벤션을 다르게 하기도 합니다. 이때마다 "컨벤션을 통일합시다"라고 말하기에는 각자의 코드 스타일이 너무 명확해서 오히려 불편해지고 생산성이 떨어지는 문제를 낳습니다. 그럴때 VSCode에는 협업을 위한 익스텐션이 여러 개 존재합니다. 이 포스트에서는 유용한 VSCode 익스텐션을 살펴보고 어떤 이점이 있는지 살펴봅니다. 1. Prettier - Code formatter 코드 포멧팅 도구입니다. 사실상 협업의 필수이기도 하고 앞서 언급했듯 Tab vs Space 논쟁을 한 번에 일축할 최고의 도구입니다. ..

간혹가다 별도의 익스텐션을 설치하다 보면 이미 CSS 자동완성이 적용되어 있음에도 CSS 파일에 자동완성이 뜨지 않을 때가 있다. 이를 해결하기 위해서는 오른쪽 하단에 있는 언어 모드를 CSS로 변경해주면 된다. 아래 화면처럼 정상적으로 자동완성이 뜨게 된다.

VSCode에서 제공하는 기본 폴더에는 아이콘이 없습니다. VSCode의 익스텐션 기능을 이용하여 보다 직관적인 아이콘을 설정해주도록 하겠습니다. 먼저 왼쪽 사이드바에 익스텐션 바를 클릭해줍니다. 검색창에 Material Icon Theme를 입력하고 Install 버튼을 클릭해줍니다. Material Icon Theme을 클릭해주면 적용이 완료됩니다.

I. 시작 부트스트랩은 UI 프레임워크로 전 세계 개발자들이 유용하게 사용하고 있습니다. 원하는 디자인을 빠르고 편리하게 개발할 수 있다는 장점도 있지만, 자칫하면 투박하고 지루한 디자인이 되기 십상입니다. 그래서 부트스트랩에서는 여러 가지 커스텀을 지원하고 있습니다. 그중 Shard UI는 부트스트랩 4를 기반으로 부트스트랩을 모던한 디자인으로 만들 수 있도록 도와주고 있습니다. https://designrevision.com/demo/shards/ Shards Demo - A Modern UI Toolkit for Web Makers Triggering this action might affect you later. Do you still want to continue? designrevision.c..

안녕하세요. 백링크를 통해 블로그 검색 시 상단에 노출시키는 방법을 소개해 드리려고 합니다. 0. 백링크란? 백링크는 한 웹사이트가 다른 웹사이트의 링크를 거는 구조를 뜻합니다. 쉽게 말해 어떤 웹사이트의 링크를 내 블로그에 게시한다면 이는 백링크가 되는 것입니다. 실제로 백링크가 많아질 경우 검색엔진에서 중요한 사이트로 판단하여 검색 노출 순위를 높여줍니다. 다만 과도하게 많이 링크될 경우 스팸으로 분류하여 노출이 잘 안될 수도 있습니다. 1. 시작하기 아래 사이트에 접속합니다. keyzard.org/tt 키자드 - 티스토리 백링크 등록 티스토리 블로그 백링크를 걸어서 검색 PageRank 점수를 올리고 SEO최적화를 시켜줍니다. keyzard.org 아래처럼 티스토리 주소를 기입하고 시작번호와 끝번호..

안녕하세요. 최근 Youtube-dl의 잦은 오류로 인해 포크 버전인 youtube-dlc를 소개해 드리려고 합니다. youtube-dlc는 내 PC환경에서 독립적으로 유튜브 영상을 다운로드할 수 있게끔 해주는 프로그램입니다. 누구나 편리하게 명령어 몇 줄이면 짧게는 3초 안에 영상, 음원을 다운로드할 수 있습니다. #1. 실행파일 다운로드 아래 사이트에서 다운로드 할 수 있습니다. github.com/blackjack4494/yt-dlc/releases/ Releases · blackjack4494/yt-dlc media downloader and libray for various sites. Contribute to blackjack4494/yt-dlc development by creating an..

안녕하세요. 인터넷의 비약적인 발전으로 웹에서 거의 모든 일들이 가능해졌습니다. 문서작업부터, 동영상 편집, 스트리밍, 심지어는 VR까지 우리가 앱으로 실행했었던 것들이 이제는 웹에서도 동작할 수 있습니다. 그중 OS를 완벽하게 구현한 건 아니지만 디자인만 따라 만든 몇 가지 소스를 알려드리려고 합니다. 최근 웹 기반 OS 디자인을 따라 만들면서 참고했었던 몇 가지 템플릿을 소개해드리겠습니다. #1. Windows 10 codepen.io/Varo/pen/OPWWEd Windows 10 Concept Just a little something I'm working on in my spare time. Forked from [Keith Pickering](http://codepen.io/keithpicke..

저도 제가 만든 사이트의 보안 점수가 궁금해서 인터넷을 뒤져보던 중 찾게 된 사이트입니다. 그중 헤더 보안을 체크하는 사이트인데요. https://securityheaders.com/ Analyse your HTTP response headers Quickly and easily assess the security of your HTTP response headers securityheaders.com 제 사이트 주소를 입력하고, SCAN을 누르게 되면 이런 화면이 나오게 됩니다. 저는 이 사이트를 이용해서 보안 구문을 작성했습니다. 꽤나 유용한 사이트라서 자주 이용하게 되네요. 그리고 스크롤을 내리게 되면 서버의 헤더 정보가 나오게 됩니다. x powered by는 꼭 숨겨주시길 바랍니다!