반응형 IT Tech & Terms24 Webpack, Babel, Polyfill 1. Webpack 웹팩은 JavaScript 애플리케이션을 위한 정적 모듈 번들러 웹팩은 애플리케이션을 구성하는 다양한 모듈(JavaScript, CSS, 이미지 등)들을 의존성 그래프로 분석하고 이를 하나의 번들 파일로 묶어주고, 이렇게 번들링된 파일은 브라우저에서 로드되어 실행될 수 있습니다. 웹팩은 다양한 로더(loader)와 플러그인(plugins)을 제공하여 코드 변환, 번들 최적화, 자동화 등의 기능을 제공하며, 주로 모던 JavaScript 개발에서 모듈 시스템을 사용하고 코드 번들링을 필요로 할 때 웹팩을 사용합니다. 2. Babel 바벨은 자바스크립트의 최신 문법을 구버전 브라우저에서도 동작할 수 있도록 변환해주는 도구 최신 버전의 자바스크립트 문법(ECMAScript)은 모든 브라우저.. 2024. 2. 16. CORS(Cross-Origin Resource Sharing)란? CORS란? CORS(Cross-Origin Resource Sharing)는 웹 애플리케이션에서 도메인이나 포트가 다른 서버로부터 리소스를 요청할 때 발생하는 보안 상의 제한을 우회하기 위한 메커니즘. 기본적으로 웹 브라우저는 보안 상의 이유로 동일 출처 정책(Same-Origin Policy)를 따르는데, 이는 웹 페이지가 자신과 동일한 출처(프로토콜, 도메인, 포트가 동일한 경우)의 리소스에만 접근할 수 있도록 제한하는 정책입니다. 하지만 때로는 다른 출처의 리소스에 접근해야 하는 경우가 있고, 이때 CORS를 사용하여 다른 출처의 리소스에 접근할 수 있게 됩니다. CORS 단계 CORS는 브라우저와 서버 간의 통신을 위해 사용되며, 다음과 같은 단계로 동작합니다 1. 요청 전송: 브라우저에서 도메.. 2024. 2. 16. LMS(Learning Management System) LMS는 "학습 관리 시스템" (Learning Management System)의 약자로, LMS는 온라인 학습 환경을 구축하고 관리하기 위해 사용되는 소프트웨어 도구입니다. 이 시스템은 학습자들이 강의 내용을 접근하고, 학습 자료를 다운로드하며, 과제를 제출하고, 퀴즈를 풀며, 학습 진도를 추적하고, 교수자와 학습자 간의 소통을 지원하는 등 다양한 학습 관련 기능을 제공합니다. LMS는 학습자들에게 편리한 학습 경험을 제공하고, 학습 자료를 효율적으로 관리하며, 학습자들의 학습 상황을 추적하고 평가하는 데 도움을 줍니다. 학교, 기업, 기관 등 다양한 조직에서 교육 및 교육 관리를 위해 LMS를 사용합니다. 이를 통해 시간과 장소에 구애받지 않고 유연한 학습 환경을 제공할 수 있습니다. LMS는 학습.. 2024. 2. 13. JWT - JSON Web Token 1. JWT란? JWT는 JSON Web Token의 약자로, 두 개체 사이에서 정보를 안전하게 전송하기 위한 컴팩트하고 독립적인 방법입니다. 이 방법은 디지털 서명을 통해 정보의 신뢰성을 검증할 수 있습니다. JWT는 일반적으로 다음 세 부분으로 구성됩니다. Header: 토큰의 타입과 해싱 알고리즘 정보를 담고 있습니다. 일반적으로 타입은 "JWT"이며, 해싱 알고리즘은 "HS256" 또는 "RS256" 등이 될 수 있습니다. Payload: 실제 전달하려는 데이터를 담고 있습니다. 이 데이터는 'claims'라고 부르며, 일반적으로 이름, 이메일, 사용자 ID 등 사용자에게 특정한 정보를 포함할 수 있습니다. Signature: Header와 Payload를 합친 후, 비밀 키를 사용하여 암호화된 .. 2024. 2. 3. Platform과 Framework 플랫폼과 프레임워크는 소프트웨어 개발 분야에서 중요한 개념으로 각각의 정의와 차이점을 정리하려 한다. 1. 플랫폼 (Platform) 플랫폼은 소프트웨어가 실행되는 환경을 제공하는 기반으로, 하드웨어나 소프트웨어의 특정한 조합을 의미합니다. 플랫폼은 주로 운영체제(OS)나 하드웨어의 종류에 따라 구분됩니다. 플랫폼은 개발자가 애플리케이션을 개발하고 실행할 수 있는 기반을 제공하며, 이를 통해 효율적인 애플리케이션 개발과 배포가 가능해집니다. 2. 프레임워크 (Framework) 프레임워크는 소프트웨어 개발을 위한 구조와 도구들의 집합으로, 개발자에게 개발 프로세스를 단순화하고 보다 쉽게 애플리케이션을 개발할 수 있는 환경을 제공합니다. 프레임워크는 일반적으로 특정한 목적을 갖고 있는 도구들의 모음이며, .. 2024. 2. 3. 팝업(Popup)과 모달(Modal) 팝업과 모달은 강조하고 싶은 내용을 사용자에게 어필하기위해 사용됩니다. 하지만 팝업과 모달에는 큰 차이가 있습니다. 저와 같이 확인해보시면 될 것 같습니다. 1. 팝업 - 현재창이 아닌 새로운 창을 활용하여 콘텐츠 내용을 보여줍니다. - 주로 광고나 새로운 정보를 표시할 때 많이 사용되며 쇼핑몰이나 국가 공공기관에 접속했을경우 수 없이 보셨을거라 생각됩니다. - 팝업창을 많이 띄우게 되면 트래픽이 증가하게되고, 사용자로부터 반감을 살 수 있습니다. 2. 모달 - 팝업과 마찬가지로 정보를 보여주거나 할 때 사용되는데, 팝업과 차이점은 새로운 창을 띄우지 않고 *뷰포트(Viewport)안에 콘텐츠를 중앙에 위치시켜 모달창 안에서만 사용자의 입력을 받도록 합니다. - 일반적으로 모달이 동작됐을때 주변을 어둡게.. 2024. 1. 26. 이전 1 2 3 4 다음 반응형
