SMALL

Study/개발 Tip 60

모바일 브라우저 아래로 당겼을 때 새로고침 되는 현상 끄기

반응형 웹 개발 중에서 브라우저를 아래로 당겼을 때 새로고침 되는 현상을 없애주는 코드 /* prevent pull-down-to-refresh of mobile chrome https://stackoverflow.com/a/55832568 */ (function() { var touchStartHandler, touchMoveHandler, touchPoint; // Only needed for touch events on chrome. if ((window.chrome || navigator.userAgent.match("CriOS")) && "ontouchstart" in document.documentElement) { touchStartHandler = function() { // Only ne..

Study/개발 Tip 2021.12.19

개발자가 알아야할 Git Repository 목록

GitHub가 2008년에 설립되었을 때, 그 주요 목표는 분산 버전 제어 시스템 Git을 사용하여 오픈 소스 프로젝트를 호스팅하는 것이었습니다. 향후 13년 동안 GitHub는 오픈 소스 프로젝트를 호스팅하고 개발자 커뮤니티에서 리소스를 공유하는 중심 장소로 발전했습니다. 4,500만 개의 공개 리포지토리를 보유한 GitHub는 오픈 소스 프로젝트, 라이브러리, 학습 플랫폼, 인터뷰 준비, 이력서 작성 팁, 지식 기반 등을 포함하여 개발자를 위한 모든 형태의 지식 공유를 제공합니다. 유용한 repositor 찾기 내가 그 45,000,000 공공 저장소들 사이 ES는 매우 도전하고있다. 이 기사에서는 인기도, 유용성, 수요가 높은 20개의 우수한 GitHub 리포지토리를 나열합니다. 또한 이 목록은 포..

Study/개발 Tip 2021.12.18

개발자를 위한 킬러 웹사이트 10개 공개

www.freepik.com에서 설계 웹사이트를 편리하게 유지하는 것은 생산성 향상입니다. 이 기사에서는 모든 프로그래머가 알아야 할 10개의 굉장한 킬러 웹사이트를 공유할 것입니다. 책갈피를 만들고 시작하십시오. 애니미스타 Animista는 CSS 애니메이션 라이브러리의 간단한 웹 사이트입니다. 미리 만들어진 CSS 애니메이션을 테스트하고 재생할 수 있으며 코드를 다운로드할 수 있습니다. 이 웹사이트는 웹 개발자에게 유용할 것입니다. 여기를 방문하십시오 레이.소 이 웹사이트를 통해 소스 코드의 아름다운 이미지를 공유할 수 있습니다. 거의 모든 프로그래밍 언어 형식을 지원합니다. 배경, 색상, 글꼴 등을 설정할 수 있습니다. 이 사이트를 꼭 사용해 보세요. 여기를 방문하십시오 FontAwesome 프로젝..

Study/개발 Tip 2021.12.18

HTML 10줄로 증강 현실 구현하는 방법

웹에서 증강 현실을 하시겠습니까? 이제 HTML 10줄로 할 수 있습니다! 진지하게! 코드를 안내해 드리겠습니다. 정말 간단합니다. 우리는 AR.js을 발표 최근. 별도의 앱 설치 없이 스마트폰에서 바로 효율적인 웹용 증강현실을 경험할 수 있습니다. 하지만 더 나아가 자신만의 증강 현실 경험을 만드는 방법을 살펴보겠습니다. AR.js의 가장 짧은 예는 a-frame 의 마법 덕분에 단 10줄의 HTML 입니다. codepen에서 라이브로 볼 수 있습니다 . HTML 10줄의 AR.js 예제 라인별로 정리해 보겠습니다. 도서관 포함 스크립트 포함하다 먼저 MozillaVR 에서 VR 경험을 구축 하기 위해 시작한 노력인 a-frame 을 포함 합니다 . A-frame에는 three.js 가 포함되어 있습니..

Study/개발 Tip 2021.11.30

2021년 최고의 Node.js 프레임워크 10가지

상위 Node.js 프레임워크 Node.js 프레임워크는 MVC, Full-stack MVC, REST API 프레임워크의 세 가지 유형으로 분류됩니다. Express.js : 빠르고, 의견이 없는 미니멀리스트 웹 프레임워크 GitHub 인기도 : 별 55,000 개 Express.js는 웹 애플리케이션 및 API 구축을 위해 설계된 Node js용 사실상의 표준 서버 프레임워크입니다. 그것은 TJ Holowaychuk에 의해 처음 지어졌습니다. Express.js는 MEAN, MERN 및 MEVN과 같은 인기 있는 기술 스택의 일부입니다. 또한 PayPal 및 Uber와 같이 널리 사용되는 웹 응용 프로그램의 일부입니다. 그 기능 중 일부는, 강력한 라우팅 보기 시스템 14+ 지원 엔진 지원 HTTP ..

Study/개발 Tip 2021.11.29

2021 웹 개발 올인원 리소스 모음

개발자 로드맵 프론트엔드 528 - 프론트엔드 개발 로드맵. 백엔드 253 - 백엔드 개발 로드맵. 반응 222 - 반응 개발 로드맵. 안드리오드 77 - 안드로이드 개발 로드맵. 데브옵스 104 - DevOps 로드맵. 문서 및 참고 자료 MDN 웹 문서 42 - MDN 웹 문서 사이트는 웹 사이트와 프로그레시브 웹 앱 모두에 대한 HTML, CSS 및 API를 포함한 개방형 웹 기술에 대한 정보를 제공합니다. DevDocs 38 - 개발자를 위한 빠르고 오프라인이며 무료인 문서 브라우저입니다. 하나의 웹 앱에서 100개 이상의 문서를 검색하세요. 데브힌트 39 - 겸손한 치트 시트 모음. 플렉스 - 말벤 43 - CSS 플렉스 레이아웃을 위한 시각적 치트시트. 그리드 - 말벤 34 - CSS 그리드 ..

Study/개발 Tip 2021.11.26

Nginx SSL 발급하기 (자동갱신)

Certbot이 자동으로 인증서를 갱신해줘 편리한 방식 Certbot 설치 $ sudo apt-get update $ sudo apt-get install -y software-properties-common $ sudo add-apt-repository universe $ sudo add-apt-repository ppa:certbot/certbot $ sudo apt-get update $ sudo apt-get install certbot python-certbot-nginx # 만약 다음과 같은 에러가 난다면1 E: The repository 'http://ppa.launchpad.net/certbot/certbot/ubuntu focal Release' does not have a Release..

Study/개발 Tip 2021.11.23

프로그래머가 다른 사람과 다르게 생각하는 12가지 방법

코딩을 시작한다고 해서 프로그래머가 되는 것은 아니지만 논리적으로 생각하고 행동하기 시작하고 컴퓨터가 하고 싶은 일을 하게 하는 것이 프로그래머가 되는 것입니다. 프로그래밍은 구문을 암기하고 한 줄씩 쓰는 것이 아닙니다. 스티브 잡스는 프로그래밍을 배우면서 생각하는 법을 배웠다고 말했습니다. 프로그래밍은 일을 끝내는 방법에 대한 생각을 정리하도록 합니다. 그것은 모두 코에 있습니다. 숙련된 프로그래머는 후각이 있습니다. 다음은 프로그래머처럼 생각하는 몇 가지 징후입니다. 1. 왜, 어떻게! 항상 작동하는 이유를 알고 어떻게 작동하는지 분석을 시작하고 싶다면? 그렇다면 이것이 바로 프로그래머의 마음에 항상 있는 것이기 때문에 올바른 길을 가고 있는 것입니다. 그것이 얼마나 어리석은 일인지에 상관없이. 이것..

Study/개발 Tip 2021.11.12