SMALL

Study/개발 Tip 60

[크롬 확장 프로그램] 크롬 확장 프로그램을 만드는 방법

Google 크롬에서 일부 기능 을 추가하거나 수정 하려면 확장 프로그램을 사용해야합니다. Chrome 웹 스토어 에서 확장 프로그램을 다운로드 할 수 있지만 2이지만 기존 확장에서 찾을 수없는 특정 기능이 필요한 경우도 있습니다. 좋은 소식은 필요한 기능을 추가 또는 수정하기 위해 고유 한 확장 프로그램을 만들거나 나중에 Chrome 웹 스토어를 사용하여 다른 사용자에게 배포 할 수있는 Google Chrome 용 새 추가 기능 또는 앱을 만들 수 있다는 것 입니다. 다음에서는 확장 프로그램을 만드는 가장 쉬운 방법을 보여 드리겠습니다 . 웹 개발 (HTML, CSS, JS)에 대한 지식이 있다면 집에있는 것처럼 느껴질 것입니다. 전제 조건 이 자습서를 시작하기 전에 다음 요구 사항을 완료해야합니다. ..

Study/개발 Tip 2021.04.07

[개발 Tool] 개발자라면 반드시 알아야 할 최고의 11가지 소프트웨어 개발 도구

소프트웨어 개발자가되는 것은 쉬운 일이 아닙니다. 고객이나 회사를 위해 다음 프로젝트를 개발하는 동안 명심해야 할 사항이 많이 있습니다. 이러한 첫 번째 작업 중에는 프로젝트 개발에 사용할 도구를 결정하는 것입니다. 물론 사용할 언어 나 도움을받을 프레임 워크를 이미 알고있을 수 있습니다. 그러나 작업 경험을 간소화하는 데 도움이되는 소프트웨어 개발을 위해 확인할 수있는 다른 도구가 많이 있습니다. 우리는 당신의 프로젝트를 확실히 시작할 수 있도록 소프트웨어 개발을 위해 가장 널리 사용되는 최고의 도구 목록을 정리했습니다. 최고의 소프트웨어 개발 도구 목록 1. GitHub 개발자이고 많은 코드로 작업하는 경우 Git에 대해 들어 보셨을 것입니다. 우선, GitHub는 프로젝트 개정을 관리하고 저장하는 ..

Study/개발 Tip 2021.04.07

[개발 Tool] 웹 디자이너 및 개발자를 위한 새로운 리소스 모음

JavaScript는 훌륭한 언어입니다. JavaScript로 거의 모든 것을 빌드 할 수 있습니다. 간단한 웹 사이트, 데스크톱 애플리케이션에서 모바일 애플리케이션까지 이번 시리즈에서는 JavaScript와 관련된 몇 가지 유용한 리소스를 살펴 보겠습니다. 이 게시물에는 JavaScript로 빌드 된 유틸리티, 도구 및 전체 리소스 목록이 포함되어 있습니다. 예를 들어, 개발 및 배포를위한 풀 스택 프레임 워크, JavaScript 번 들러 및 소수의 VSCode 확장이 있습니다. 전체 목록을 살펴 보겠습니다. 레이 42 Ray 는 코드 조각을 아름다운 이미지 로 생성 할 수있는 작은 웹 응용 프로그램입니다 . 언어 테마를 선택하고 배경, 패딩, 텍스트를 사용자 정의하고 소셜 미디어 또는 블로그 게시물..

Study/개발 Tip 2021.04.07

[개발 Tool] 프로그래밍을 위한 개발자 필수 툴 25가지

웹 개발자 툴킷 devdocs.io 25— 모든 인기있는 프로그래밍 언어 및 프레임 워크에 대한 API 문서. 즉시 검색을 포함하고 오프라인에서도 작동합니다. glitch.com 24 — 브라우저에서 자체 웹 앱을 만들고, GitHub 저장소를 가져오고, NPM 패키지를 사용하거나, 인기있는 프레임 워크를 기반으로 빌드하고, Firebase에 직접 배포합니다. bundlephobia.com 9— NPM 레지스트리에서 모든 패키지의 가져 오기 비용 (다운로드 크기)을 빠르게 찾습니다. 또는 package.json 파일을 업로드하여 프로젝트의 모든 종속성을 스캔하십시오. babeljs.io/repl 7 — 최신 JavaScript로 코드를 작성하면 Babel이 코드를 이전 브라우저와 호환되는 JavaScri..

Study/개발 Tip 2021.04.07

[JAVASCRIPT] SVG Animation을 위한 8가지 Javascript 라이브러리 | 8+ JavaScript libraries for SVG Animation

SVG는 해상도에 독립적 인 그래픽입니다. 즉 , 품질 저하없이 모든 유형의 화면에서 잘 보입니다 . 그 외에도 애니메이션 효과를 사용하여 SVG를 생생하게 만들 수도 있습니다. 이전 SVG 시리즈 게시물 중 하나에서 SVG 애니메이션이 낮은 수준이지만 요소와 함께 작동하는 방식을 보여주었습니다. 이번에는 SVG 애니메이션을 다음 단계로 확장하는 데 도움이되는 몇 가지 JavaScript 라이브러리를 공유 할 것입니다. 1. 비 부스 Vivus 10SVG에 그려지는 것처럼 보이게 하는 자바 스크립트 라이브러리입니다 . Vivus는 종속성 (예 : jQuery)없이 즉시 작동합니다. .jsHTML에 파일을 포함하고 애니메이션을 바로 시작할 수있는 몇 가지 사전 설정 옵션과 함께 애니메이션 할 SVG 요소를..

Study/개발 Tip 2021.04.07

[Build-Up Coding] 코딩 기술 업그레이드 콘텐츠 공개 | Build your own (insert technology here) Massive Content || 프로그래밍 교육 소스 공개

24 목차 3D 렌더러 61 증강 현실 33 BitTorrent 클라이언트 23 블록 체인 / 암호 화폐 52 봇 73 명령 줄 도구 14 데이터 베이스 32 Docker 21 에뮬레이터 / 가상 머신 12 프런트 엔드 프레임 워크 / 라이브러리 39 경기 42 힘내 13 네트워크 스택 10 신경망 30 운영 체제 24 물리 엔진 11 프로그래밍 언어 47 Regex 엔진 4 검색 엔진 21 껍질 삼 템플릿 엔진 1 텍스트 에디터 12 시각 인식 시스템 13 복셀 엔진 7 웹 검색 엔진 7 웹 서버 19 미분류 20 튜토리얼 나만의 빌드 3D Renderer C ++ : 레이 트레이싱 소개 : 3D 이미지를 만드는 간단한 방법 21 C ++ : OpenGL 작동 방식 : 500 줄의 코드로 소프트웨어 렌..

Study/개발 Tip 2021.04.06

[개발 유용 사이트] 개발자가 알고나면 꿀팁인 사이트

1. jQuery API : jQuery 함수 참고 및 최신 버전 다운로드 등. 2. KoXo 자바스크립트 매뉴얼 3. HTML Tutorial : html 태그 설명 및 샘플. 4. css reference: css 참고 5. css layout generator: css 적용 테스트 페이지. 6. tinymce 웹에디터: 무료 웹에디터 component. 7. 웹 UI 컨포넌트: 유료 웹 UI component 각종 유용도구 https://wepplication.github.io/tools/ 온라인도구 온라인 도구 모음 회원가입이 필요없는 온라인 도구 모음 wepplication.github.io https://www.convertstring.com/ko/ 각종도구(암호, 복호, 핑테스트, 인코딩/디..

Study/개발 Tip 2021.03.14