프레임워크와 라이브러리(React는 뭐야?)
위키백과에서 먼저 정의를 살펴보았습니다. "라이브러리는 주로 소프트웨어를 개발할 때 컴퓨터 프로그램이 사용하는 비휘발성 자원의 모임이다. 여기에는 구성 데이터, 문서, 도움말 자료, 메시지 틀, 미리 작성된 코드, 서브루틴, 클래스, 값, 자료형 사양을 포함할 수 있다." "컴퓨터 프로그래밍에서, 소프트웨어 프레임워크는 복잡한 문제를 해결하거나 서술하는 데 사용되는 기본 개념 구조이다. 간단히 뼈대, 골조, 프레임워크라고도 한다." 글만 간단히 보아도 두 개념이 많이 다른 것을 알 수 있습니다. 라이브러리는 프레임워크에 비해 작은 개념입니다. 프론트개발을 할때 쉽게 접하는 것을 예로 들어보자면 jQuery, React 같은 것들이 라이브러리입니다. 엥? 왜 React가 라이브러리이지? 프레임워크 아니었어..
인프런 React 강의 듣고 사이트 만들기 _ Front 작업 03. 배터리 만들기(dayjs)
이번 작업은 배터리 만들기입니다. 핸드폰들 보면 몇 % 남았는지 보이는 것있쬬? 기능은 약간 다르지만 흉내내보겠습니다. 제가 원하는 기능은 하루를 기준으로 시, 분을 통해 얼마나 지났는 지를 체크하는 것입니다. 즉 24시가 되면 100%, 오후 12시면 50% 겠죠? 로직을 수정하면 거꾸로도 할 수 있겠죠? (지금 중요한건 이런 기능에 대한 설명은 아니니깐요.) 제로초님 강의에서는 moment를 사용해서 날짜를 구해 사용했는데요, 잠깐 다른 라이브러리에 대해서도 설명해주십니다. 그 중 구글 트렌드를 보시고 요즘 많이 사용한다는 dayjs에 대해 간단한 소개를 해주시는데요. 용량이 가볍기 때문에 많이들 쓴다고 합니다. 저는 dayjs를 통해 만들어보겠습니다. (사실 moment나 dayjs나 문서보면 비슷..
fingerPrint2.js 라이브러리 사용(브라우저 지문)
https://okayoon.tistory.com/entry/fingerprintjs-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%EC%A7%80%EB%AC%B8 Fingerprint.js란?__브라우저 지문 라이브러리__보안 Fingerprint.js 라이브러리 https://github.com/Valve/fingerprintjs 사용자의 브라우저 버전을 표시할 수 있다. - 웹 서버가 통신을 하는 과정에서 전송되는 기본정보 - 브라우저의 종류 - PC의 운영체제(OS) -.. okayoon.tistory.com fingerPrint.js는 더 이상 관리하지 않는다고 한다. https://github.com/Valve/fingerprintjs https://github.com/V..