SMALL

Study 441

[CSS] 2021년 최고의 CSS 프레임워크 9가지

웹은 끊임없이 진화하고 있으며 프론트엔드 개발을 보다 생산적이고 즐겁게 만드는 CSS 프레임워크도 마찬가지입니다. 그들을 사랑하든 싫어하든 CSS 프레임워크는 여기에 있습니다. 프론트엔드 경험이 없는 개발자는 이러한 프레임워크 중 일부를 사용하여 사용자 친화적인 UI를 쉽게 구현할 수 있습니다. 다른 프레임워크는 더 복잡하고 고급 사용자를 대상으로 합니다. 경험 수준에 관계없이 이러한 프레임워크를 사용하면 아름다운 레이아웃을 더 빨리 만들 수 있습니다. 이 컬렉션에서는 시장에서 가장 우수한 CSS 프레임워크를 살펴보고 필요에 따라 올바른 프레임워크를 선택할 수 있습니다. CSS 프레임워크를 사용해야 하는 이유는 무엇입니까? 목록에 들어가기 전에 CSS 프레임워크가 현대 프론트엔드 개발의 필수적인 부분인 ..

Study/CSS 2021.07.20

[JavaScript] GSAP | TweenMax 쉽게 애니메이션을 구현하는 방법

GSAP를 자바스크립트 애니메이션의 Swiss Army Knife라고 생각하면 됩니다. 하지만 더 좋습니다. JavaScript가 만질 수 있는 모든 것(CSS 속성, 캔버스 라이브러리 개체, SVG, React, Vue, 일반 개체 등)에 애니메이션을 적용하고 자동 GPU 가속을 포함하여 놀라운 속도로(jQuery보다 최대 20배 빠름) 수많은 브라우저 불일치를 해결합니다. 변환의. "왜 GSAP인가?"를 참조하십시오. 자세한 내용은 기사를 참조하십시오. 대부분의 다른 라이브러리는 CSS 속성만 애니메이션합니다. 또한, 시퀀싱 능력과 런타임 컨트롤은 그에 비해 창백합니다. 간단히 말해서, GSAP는 지구상에서 가장 강력한 고성능 자바스크립트 애니메이션 라이브러리입니다. 이것이 아마도 Google이 JS..

Study/JavaScript 2021.07.18

[JavaScript Library] Best Free JavaScript Lightbox Libraries | 베스트 무료 JavaScript 라이트 박스 라이브러리

LightBox는 Web에서 이미지를 오버레이하는 일반적인 방법입니다. 이미지를 클릭하면 라이트 박스는 어떤 형식의 애니메이션 팝업 배경을 흐리게하여 이미지 자체에 초점을 맞추고 있습니다. 이미지도 크고 커지고 있습니다. 우리가 오랫동안 알고 있었다 가장 인기있는 라이트 박스 JavaScript 라이브러리는 데스크톱에서이를 희망하지만, 모바일 플랫폼에서는 그리 많지 않습니다. 이를 무시하고 응답의 필요성은 오늘의 좋은 생각이 아닙니다. 따라서 15의 ​​응답 라이트 박스 라이브러리 컬렉션을 체크 아웃해야하는 이유입니다. Lightbox is one popular way to overlay images on the web. When you click on an image, the Lightbox pops ..

Study/개발 Tip 2021.06.30

[Github] Github의 몰랐던 유용한 기능 공개! | Github 더 똑똑하게 사용해보자!

Github 는 이제 프로그래머와 디자이너가 함께 작업하는 곳입니다. 그들은 협력하고, 기여하고, 버그를 수정합니다. 또한 많은 오픈 소스 프로젝트와 다양한 프로그래밍 언어 코드를 호스팅합니다 . 또한 Github 는 누구나 워크 플로 내에서 Github를 원활하게 통합 할 수있는 Windows 및 macOS 용 데스크톱 애플리케이션도 출시했습니다 .(Written by Thoriq Firdaus) GitHub: Where the world builds software GitHub is where over 65 million developers shape the future of software, together. Contribute to the open source community, manage yo..

Study/개발 Tip 2021.06.27

[Google Cloud Platform] Google Cloud Linux 서버를 얻는 방법 | 무료 사용 가능

Google 클라우드에서 무료 Linux 서버를 얻는 HQ 방법. 결제 나 카드가 필요하지 않습니다. 똑바로 쉽게. console.cloud.google.com을 방문하세요. 오른쪽 상단에서 Cloud Shell 활성화를 클릭하십시오. DOCKER가 설치되지 않은 경우 apt install docker 이것을 복사하십시오 : docker run -p 6080:80 dorowu/ubuntu-desktop-lxde-vnc 그리고 Cloud Shell에서 CTRL + V를 누른 다음 Enter 키를 누릅니다. 설정 아이콘 옆의 오른쪽 상단 아이콘에서 포트 번호를 수정합니다. 변경 : 6080

Study/개발 Tip 2021.06.25

CDN이란? | 콘텐츠 전송 네트워크(Content Delivery Network)가 뭐지?

CDN(콘텐츠 전송 네트워크)은 서버와 사용자 사이의 물리적 거리를 줄여 웹 페이지 콘텐츠 로드 지연을 최소화하는, 촘촘히 분산된 서버로 이루어진 플랫폼입니다. 이를 통해 전 세계 사용자들이 로딩 시간을 늦추지 않고 동일한 고품질 콘텐츠를 볼 수 있습니다. CDN을 사용하지 않으면 콘텐츠 오리진 서버들은 모든 엔드유저의 요청에 일일이 응답해야 합니다. 이는 오리진과 오리진에 막대한 트래픽을 유발하고 이후에도 엄청난 부하를 유발하여 트래픽이 과도하게 증가하거나 부하가 끊임없이 들어오는 경우 오리진에서 장애가 발생할 확률을 높입니다. CDN은 오리진을 대신하여 엔드유저와 가까운 물리적 위치 및 네트워크에서 엔드유저 요청에 응답함으로써 콘텐츠 서버의 트래픽 부하를 오프로드하고 웹 경험을 개선하여 콘텐츠 제공업..

Study/IT 이야기 2021.06.23

[Regex Code Util] Useful Regex Code Snippets For Web Developers | 웹 개발자를위한 유용한 정규식 코드 조각

Regex Code Util 정규식은 모든 개발자의 도구 벨트에 있어야하는 강력한 도구입니다. 매우 복잡한 매개 변수를 기반으로 한 문자열과 일치시킬 수 있으므로 동적 웹 사이트를 구축 할 때 많은 시간을 절약 할 수 있습니다. 웹 개발자는 소프트웨어 개발자와 다른 작업에 직면하지만 동일한 코드 기본 사항이 많이 남아 있습니다. 정규식 (또는 정규식 )은 초기 학습 곡선 이 가파르 지만 올바르게 사용하면 매우 강력 할 수 있습니다 . 가장 까다로운 부분은 구문을 배우고 처음부터 자신의 정규식 코드를 작성하는 방법을 배우는 것입니다. 시간을 절약하기 위해 개발 프로젝트에 통합 할 수있는 30 개의 서로 다른 정규식 코드 조각을 구성했습니다. 정규식은 단일 언어에 국한되지 않으므로 이러한 코드 조각을 Jav..

Study/개발 Tip 2021.06.21

[Kali Linux] 칼리 리눅스의 활용방법 | 칼리 리눅스의 응용법

Kali Linux 배포판은 공식적으로 Swiss hacker knife BackTrack을 따랐습니다. Kali Linux는 BackTrack과 마찬가지로 특히 침투 테스트, 시스템의 (UN) 보안에 관심이 있거나 사라진 것처럼 보이는 데이터를 복구하려는 사람들을위한 Linux입니다. 그러나 많은 것이 다릅니다. 공격적인 보안 담당자는 새로운 시작을 위험에 빠뜨리고 유산을 남겼습니다. Kali Linux는 이전 버전의 역사적인 툴킷을 철저히 정리하고 사용자에게 의도 된 용도에 적합한 범주로 잘 채워진 전문 도구 세트를 제공합니다. “우리는 BackTrack에 포함 된 모든 도구를 검토하여 작동하지 않거나 다른 도구와 기능이 겹치는 많은 프로그램을 제거했습니다.”위키에 책임자를 작성합니다. BackTra..

Study/Linux 2021.06.21

[Kali Linux] Kali Linux 명령어 | 배워야 할 기본 사항

Kali Linux 기본 명령어 Kali Linux를 처음 사용하십니까? 또는 Linux에… 이 새로운 경험에 오신 것을 환영합니다. 터미널로 플레이를 시작하면 즐길 수있을 것입니다. Kali Linux 명령은 Linux 명령에서 특별한 것이 아니므로 여기서 배우려는 내용은 모든 Linux 시스템에서 작동합니다. 사용, 시도 계속해서 우리는 마지막에 배우고 있으며 이것이 가장 중요한 부분입니다. 명령은 Linux에서 거의 모든 것이므로 최소한 Windows에 있지 않은 기본 명령을 배워야 Linux에서 입력 할 수 있습니다 ! 그래서 다음은 Kali Linux의 몇 가지 기본 명령 목록입니다. 명령의 세부 사항부터 시작하겠습니다. 1. 명령 : ls " ls "는 ( List Directory Conte..

Study/Linux 2021.06.21

초보자를 위한 코드펜 팁 | Beginner Code Pen Tip!

Codepen 2에 슈퍼 쉽고 인기있는 사이트입니다 펜 작업 프런트 엔드 코드 콤보 아래 바로는. Codepen이 무엇인지 모르거나 들어 본 적이 없다면 기본적으로 프런트 엔드 코딩의 총사 3 명을위한 온라인 소스 코드 플레이 그라운드 ( OSCP 라고 부르 겠습니다)입니다. HTML , CSS 및 JavaScript . CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io JSFiddle , JS Bin , CSSDeck & D..

Study/개발 Tip 2021.06.21
반응형