본문 바로가기

웹30

[웹 지식] 사용자 행동 기법(로그 데이터 분석, 세션 리플레이, A/B 테스트, 히트맵 분석, 퍼널 분석, 사용자 여정 맵, 심리적 트리거 등) ㅁ사용자 행동 기법(User Behavior Techniques): 사용자의 행동을 분석하고 예측하여 더 나은 사용자 경험(UX)을 제공하기 위한 기법들을 의미한다. 이 기법은 데이터 분석, 행동 심리학, UX 디자인, 마케팅 등 다양한 분야에서 활용된다.  ㅇ사용자 행동 데이터 분석- 로그 데이터 분석 : 웹사이트 또는 앱에서 사용자가 남긴 행동 로그(클릭, 페이지 이동, 체류 시간 등)를 분석하여 사용 패턴을 파악한다- 세션 리플레이(Session Replay) : 사용자의 실제 행동을 녹화하여 UI/UX 개선에 활용한다- A/B 테스트 : 두 가지 이상의 버전을 제공하여 어떤 것이 더 나은 사용자 반응을 유도하는지 테스트한다ㅇ행동 패턴 분석- 히트맵(Heatmap) 분석 : 사용자가 화면에서 많이 .. 2025. 2. 18.
[웹 개발] Mermaid 다이어그램을 활용합시다! ㅇMermaid 다이어그램: 마크다운(Markdown) 기반의 다이어그램을 작성할 수 있는 오픈 소스 라이브러리복잡한 UML 다이어그램, 순서도, 간트 차트 등을 "코드로 작성할 수 있어" 개발자와 문서 작성자에게 유용하다 [Mermaid 다이어그램의 특징]텍스트 기반 작성: 단순한 텍스트 코드만으로 다이어그램을 생성할 수 있다다양한 다이어그램 지원: 순서도(flowchart), 간트 차트(Gantt chart), 상태도(state diagram), 파이 차트(pie chart) 등을 지원한다마크다운 문서와 통합 가능: GitHub, Notion, MkDocs, Obsidian 등 여러 문서 작성 도구에서 사용 가능하다브라우저에서 직접 렌더링: HTML과 JavaScript 환경에서 즉시 시각화할 수 있.. 2025. 2. 4.
[웹 지식] config 파일이란? (직역하면 configuration은 환경설정이라는 뜻을 갖고 있다)  ㅇconfig(configuration): 시스템, 소프트웨어, 네트워크 등의 설정을 저장하는 구성 파일 또는 데이터컴퓨터 시스템과 소프트웨어에서 config는 설정 정보를 저장하는 중요한 역할을 한다. 사용자가 직접 설정을 변경할 수도 있으며, 애플리케이션이 자동으로 생성하는 경우도 많다. config 파일은 소프트웨어의 동작을 사용자 환경에 맞게 최적화하는 데 필수적이다. [config의 역할]소프트웨어 설정 저장애플리케이션이 실행될 때 필요한 환경 변수 및 옵션을 저장사용자별 설정을 저장하여 개별적인 환경 제공시스템 및 네트워크 구성 관리서버, 데이터베이스, 네트워크 설정 등의 관리특정 서비스의 동작 방식 제어보안 및 접근 제어.. 2025. 2. 4.
[웹 개발] RDE(Remote Development Environment) 진짜 편해요! 통합 개발 환경(IDE, Integrated Development Environment)은 진작 많이 들어봤을 것이다. 그런데 혹시 원격 개발 환경(RDE, Remote Development Environment)는 들어본 적이 있는가? 한 번 써보면, 편리함의 신세계를 경험할 것이다. 단점은 딱 하나! 클라우드 환경이기 때문에 조직 구성원들이 많이 사용하면 사용할수록 돈이 그만큼 깨진다.   ㅇRDE(Remote Development Environment): 개발자가 원격으로 개발 환경에 접근하고 작업할 수 있도록 지원하는 플랫폼RDE는 클라우드 또는 원격 서버에서 실행되는 개발 환경을 의미하며, 개발자는 "로컬 컴퓨터에 별도의 개발 환경을 구축하지 않고도" 원격에서 개발 및 테스트를 수행할 수 있다... 2025. 2. 3.
[웹 개발] ADMP(Active Directory Management Platform) 정의 ㅇADMP(Active Directory Management Platform): 조직의 IT 인프라에서 Active Directory(AD)를 보다 효과적으로 관리할 수 있도록 도와주는 플랫폼AD는 기업 내 사용자 계정, 그룹, 정책 등을 중앙에서 관리하는 핵심적인 역할을 한다. 하지만, AD의 기본적인 관리 도구만으로는 대규모 조직에서 효율적인 관리가 어려울 수 있다. 이러한 문제를 해결하기 위해 ADMP가 등장하였다.  [ADMP 주요 기능]ADMP는 단순한 AD 관리 도구가 아니라, 다양한 기능을 제공하여 AD 운영을 자동화하고 효율성을 극대화할 수 있도록 지원한다. 주요 기능은 다음과 같다. 1. 사용자 및 그룹 관리대량 사용자 계정 생성 및 수정 자동화그룹 정책 설정 및 관리사용자 계정 비활성화.. 2025. 2. 3.
[웹 지식] GraphQL이란? (REST API vs GraphQL) https://claremont.tistory.com/entry/%EC%9B%B9-%EC%A7%80%EC%8B%9D-API%EC%99%80-RESTful-API [웹 지식] API와 RESTful APIㅁAPI(Application Programming Interface): 소프트웨어 간의 상호작용을 위한 규칙과 프로토콜을 정의하는 것API는 다른 소프트웨어 컴포넌트와의 데이터 교환 및 기능 호출을 가능하게 하여, 개발자가 기claremont.tistory.com GraphQL이란 API 설계 스타일 중 하나이며, 그중에는 우리가 흔히 아는 REST API 방법이 있다   ㅁGraphQL: Facebook이 개발한 API 쿼리 언어 및 실행 환경REST API의 단점을 보완하고 더 유연한 데이터 요청을 .. 2025. 1. 30.
[웹 지식] 토큰(token)에 대해서 토큰하면 어떤 것이 먼저 떠오르는가? 필자는 유희왕의 토큰 카드가 가장 먼저 떠오른다..ㅋㅋ실제로 토큰의 쓰임새는 크게 다르지 않다ㅎ 오늘은 토큰에 대해 알아보는 시간을 갖고, API 키와 어떤 차이점이 있는지도 살펴보자!  ㅇ토큰(Token): 인증 및 권한 부여를 위해 사용되는 데이터의 단위API 키와 유사한 목적을 가지지만, 일반적으로 더 정교하고 안전한 인증 체계를 구현하기 위해 사용된다. 주로 OAuth2.0와 같은 인증 프로토콜에서 활용되며, 사용자의 세션을 나타내거나 API에 대한 접근 권한을 부여한다. [발급 과정]토큰은 인증 서버에서 클라이언트의 자격 증명(예: 사용자 아이디와 비밀번호)을 검증한 후 발급된다그냥 쉽게 말해서, ID와 PWD가 올바르면 발급한다 [주로 사용되는 토큰 유형].. 2025. 1. 25.
[웹 지식] API 키(Key)란? ㅇAPI 키(Key): 특정 API를 사용할 수 있도록 허가받은 사용자임을 인증하기 위한 고유한 문자열(e.g. abcdef1234567890XYZ!@#)주로 API 제공자가 각 사용자나 애플리케이션에 발급하며, 다음과 같은 역할을 지닌다사용자 인증: API 요청을 보낸 사용자가 인증된 사용자임을 증명사용량 추적: API 제공자는 키를 통해 각 사용자의 API 호출 횟수나 사용 패턴을 추적권한 제어: 특정 API 키에 따라 사용할 수 있는 기능이나 데이터 접근 범위를 제한 [사용 방법] API 호출 시 키를 요청 헤더 or 요청 바디 or URL 파라미터에 포함하여 사용예를 들어, 기상청 Open API를 호출할 때 API 키를 URL 파라미터에 포함한다import requestsurl = "http:/.. 2025. 1. 24.
[웹 개발] 기상청 API 활용 Python 코드 https://github.com/drone-skynet/server GitHub - drone-skynet/server: 다중 무인 드론 중고거래 배송 시스템 구축다중 무인 드론 중고거래 배송 시스템 구축. Contribute to drone-skynet/server development by creating an account on GitHub.github.com  이전에 진행했던 다중 무인 드론 중고거래 배송 시스템에서 기상청 API 활용 방법에 대해 소개하고자 한다!우리는 기상청 API를 경로 탐색 서버(Flask)의 경로 탐색 모듈에 탑재하였다. 이 모듈은 기상청 Open API를 활용하여 실시간 기상 데이터를 수집하고, 드론의 경로 탐색 알고리즘에 반영하여 동적 경로 조정을 수행한다. API에.. 2025. 1. 24.

티스토리툴바