본문 바로가기

웹디자인 (HTML,JS)43

웹 브라우저와 사이트 간의 상호작용 통신을 기록한 HAR 파일 HAR 파일의 기본 개념 HAR (HTTP Archive Format) 파일은 웹 브라우저와 서버 간의 통신을 기록한 파일로, 웹 개발자들이 성능 분석, 디버깅, 네트워크 트래픽 모니터링 등을 목적으로 사용합니다. JSON 포맷으로 되어 있으며, HTTP 요청과 응답, 헤더, 바디, 쿠키 등의 정보를 담고 있습니다. HAR 파일의 주요 구성 요소는 다음과 같습니다: log: 최상위 객체로, HAR 데이터 전체를 감싸고 있습니다. pages: 방문한 페이지에 대한 정보를 포함합니다. 페이지 로딩 시간과 같은 세부 정보를 포함할 수 있습니다. entries: 각 HTTP 요청과 응답에 대한 세부 정보를 담고 있습니다. URL, 요청/응답 헤더, 바디의 크기, 로딩 시간 등이 포함됩니다. request: 개별.. 2024. 3. 29.
내부 사용자 SSO 인증과 외부 이용자 SML 인증 싱글 사인온(SSO)과 소셜 미디어 로그인(SML)은 모두 여러 애플리케이션 또는 웹사이트에 접근할 수 있는 인증 방법입니다. 그러나 이 두 방법은 서로 다른 목적을 가지고 있으며, 작동 방식 또한 다릅니다. 싱글 사인온(SSO) 목적: SSO는 사용자가 한 번 로그인하면 같은 조직 또는 관련 엔터티 내의 여러 시스템에 대해 다시 로그인할 필요 없이 접근할 수 있도록 설계되었습니다. 작동 방식: SSO는 도메인(웹사이트 또는 애플리케이션) 간의 신뢰 관계를 기반으로 합니다. 첫 로그인 시, 인증 서버가 사용자의 신원을 확인하고 토큰을 발급합니다. 이 토큰은 SSO 프레임워크 내의 다른 서비스에 접근할 때 다시 자격 증명을 입력할 필요 없이 사용됩니다. 사용 사례: SSO는 기업 환경에서 직원들이 이메일,.. 2024. 3. 27.
워드프레스 마스터 비개발자 및 웹디자이너 종합적인 웹사이트 제작 전략 워드프레스는 전 세계 웹사이트의 상당 부분을 구동하는 가장 인기 있는 콘텐츠 관리 시스템(CMS) 중 하나입니다. 이 플랫폼은 사용자 친화적이며 확장성이 높아서, 개인 블로그부터 복잡한 상업용 웹사이트까지 다양한 유형의 사이트를 제작하는 데 널리 사용됩니다. 워드프레스를 통해 웹사이트를 개발하고 제작하는 과정은 다양한 기술적 지식과 창의적 접근을 요구합니다. 하지만 개발자 수준이 낮은 일반인도 워드프레스의 강력한 기능을 활용할 수 있는 방법이 있습니다. 워드프레스의 세계: AI와 사용자 친화적 개발 AI를 활용한 접근성 향상: 워드프레스는 코드를 몰라도 사용할 수 있게 되었습니다. AI 도구를 사용해, 코딩 지식이 없는 사람들도 사이트 개발에 참여하고, 문제를 해결할 수 있습니다. 이는 워드프레스 테마나.. 2024. 2. 9.
Slack에서 테이블 작성과 이미지 삽입 Markdown 사용 방법 Slack에서 Markdown 테이블을 만들려면 다음과 같이 파이프 (|)와 하이픈 (-)을 사용하여 작성할 수 있습니다. 아래는 간단한 예제입니다. | Header 1 | Header 2 | Header 3 | | -------- | -------- | -------- | | Cell 1-1 | Cell 1-2 | Cell 1-3 | | Cell 2-1 | Cell 2-2 | Cell 2-3 | 이 예제에서는 세 개의 열과 두 개의 행을 가진 테이블이 생성됩니다. 각 열은 파이프 기호로 구분되고, 각 행은 하이픈과 파이프로 구성됩니다. 표의 헤더를 나타내려면 첫 번째 행에 헤더 셀을 작성하고 두 번째 행에 각 열의 정렬을 나타내기 위해 하이픈으로 채워진 셀을 추가합니다. 그런 다음 그 아래에 데이터 행.. 2024. 1. 27.
자바스크립트 슈퍼셋 정적 타입 검사 기능 확장 TypeScript 활용 Java와 TypeScript은 서로 다른 프로그래밍 언어입니다. Java는 객체지향 프로그래밍 언어이며, 주로 서버 측 애플리케이션 개발에 사용됩니다. 반면 TypeScript는 Microsoft에서 개발한 프로그래밍 언어로, JavaScript의 확장이며 정적 타입을 지원하는 언어입니다. TypeScript는 JavaScript의 슈퍼셋으로, JavaScript의 기능을 포함하면서 추가적인 정적 타입 검사와 클래스 기반 객체지향 프로그래밍을 지원합니다. 이는 개발자가 코드를 더 안전하게 유지하고 복잡한 프로젝트를 더 쉽게 유지보수할 수 있도록 도와줍니다. Java와 TypeScript은 주로 다른 분야에서 사용되지만, 웹 개발 분야에서는 TypeScript가 JavaScript의 확장으로 많이 사용되.. 2023. 12. 30.

티스토리툴바