728x90 반응형 분류 전체보기145 FE 디자인 패턴_(1) 목차 디자인 패턴이란?소프트웨어를 개발하는 과정의 반복되는 일반적인 문제들에 대해 기준이 되는 해결책 제공반복되는 문제 상황들을 최적화된 방법으로 해결하도록 돕는 컨셉 Singleton 패턴앱 전체에서 공유 및 사용되는 단일 인스턴스즉, 싱글톤 패턴은 인스턴스를 1번만 만들 수 있어야 한다. 클래스로 예시를 작성해보면 변수를 생성하여 생성자에서 변수가 생성된 인스턴스를 가리키도록 하면 된다. let instancelet counter = 0class Counter { constructor() { if (instance) { throw new Error('You can only create one instance!') } instance = this } getInstance.. 2024. 8. 4. i18n을 사용하여 다국어 처리 하기 다국어 처리를 위해 먼저 파일을 생성했다.src/lib/i18nsvelte를 사용하고 있기 때문에 svelte-18n 공식문서를 채택했다. 각각의 json 파일에는 언어를 작성해두었다. // en-US.json{ "common": { "cancel": "Cancel", "close": "Close", "delete": "Delete" }, } // ko-KR.json { "common": { "cancel": "취소", "close": "닫기", "delete": "삭제하기" }, } 그리고 index.ts 파일에는 공식 깃헙에 나와있는 그대로를 작성해줬다. locale 변수는 현재 선택된 언어의 코드이다. store에 사용하고 있는 언어를 저장하는 방식으로 사.. 2024. 6. 26. HLS(HTTP 라이브 스트리밍)와 m3u8 HLSHTTP Live Streaming은 가장 널리 사용되는 비디오 스트리밍 프로토콜입니다. HLS는 비디오 파일을 다운로드할 수 있는 HTTP 파일 조각으로 나누고 HTTP 프로토콜을 이용하여 전송합니다. Apple이 자사 제품에 사용하기 위해 개발했지만, 현재는 다양한 장치에서 사용되고 있습니다. HLS는 스트리밍을 통해 미디어 파일을 한 번에 모두 보내지 않고 지속적으로 조금씩 사용자 장치에 보냅니다. 따라서 사용자의 장치가 모든 파일을 다운로드하지 않고 비디오 또는 오디오를 재생할 수 있습니다. 장점모든 인터넷 장치가 HTTP를 지원하기 때문에 간단하게 실행 가능재생에 지장을 주지 않고 네트워크 상태에 따라 비디오 품질 조절 가능 (다양한 품질로 스트리밍 세그먼트를 여러개 복사하기 때문에 가능).. 2024. 6. 23. OAuth 인증 과정 목차 저번에 프로젝트에서 구글 로그인과 구글 드라이브에 있는 파일들을 공유하는 기능을 구현했고, 이때 OAuth를 사용해 회사의 서비스가 구글에 접근할 수 있는 권한을 얻게 되었다. OAuth의 원리에 대해 공부를 딥하게는 하지 못한채로 프로젝트를 끝낸것 같아 글로 정리하고 세미나를 진행해보기로 했다. OAuth를 설명하기 이전에 왜 OAuth를 사용해 다른 서비스에 접근하는 권한을 획득하는 방법을 사용하는지에 대해 생각해봤다. 사실 그냥(google을 예로 들겠다) ID/PW를 우리의 서비스에 저장한 채로 구글에 보내 접근 권한을 획득하는 것이 루트도 짧고 편하지만, 사용자는 자신의 아이디와 비밀번호와 같은 개인정보를 처음보는 서비스에 맡기기에는 부담이 있다. 또한 우리 회사의 입장에서 노출되면 안되는.. 2024. 1. 24. 인증과 인가 목차 보안 프로세스인 인증과 인가에 대해서 설명해보려고 한다. 로그인 기능을 구현할 때 인가코드, 인증 이러한 용어들을 듣게 되는데 정확히 뭔지 궁금해져 공부해보게 되었다. 인증(소셜 로그인) 인증은 식별 가능한 정보로 보호된 리소스에 접근하는 것을 허용하기 이전에 서비스에 등록된 유저의 신원을 입증하는 과정이다. 예를 들어 출국할 때 여권으로 신원을 입증하거나 회사에 들어올 때 출입증을 통해 신원을 입증할 수 있다. 웹의 경우에는 아이디와 패스워드를 입력하거나 휴대폰에 전달된 SMS에 적혀있는 코드를 입력하는 것이다. 인가(OAuth) 인가는 요청된 리소스에 접근할 수 있는 권한이 있는 인증된 유저인지 입증하는 과정이다. 예를 들어 회사가 14층에 위치하고 있다면 13층에 위치한 다른 회사에는 접근할 .. 2024. 1. 23. 이전 1 2 3 4 ··· 29 다음 728x90 반응형
