본문 바로가기

웹32

[웹 지식] 액세스 토큰 + 리프레시 토큰 협동 과정 https://claremont.tistory.com/entry/%EC%9B%B9-%EC%A7%80%EC%8B%9D-%ED%86%A0%ED%81%B0token-vs-API-%ED%82%A4 [웹 지식] 토큰(token) vs API 키토큰하면 어떤 것이 먼저 떠오르는가? 필자는 유희왕의 토큰 카드가 가장 먼저 떠오른다..ㅋㅋ실제로 토큰의 쓰임새는 크게 다르지 않다ㅎ 오늘은 토큰에 대해 알아보는 시간을 갖고, API 키와claremont.tistory.com  이전의 포스팅에서 API 키 vs 토큰에 대해서 다뤄보았다오늘은 토큰에서 액세스 토큰과 리프레시 토큰을 같이 사용하는 이유와, 그 협동 과정에 대해 설명하려 한다! 현대 웹 서비스에서 로그인 기능은 단순한 사용자 인증을 넘어서, 보안과 편의성을 동시.. 2025. 4. 3.
[웹 지식] OpenAPI vs Open API 제목만 봐서는 뭔 소리인지 싶을 것이다...근데 진짜 저 띄어쓰기 하나로 의미가 아예 달라진다  ㅁOpenAPI: API 명세 표준(OpenAPI Specification)OpenAPI는 RESTful API를 기술하기 위한 표준 포맷(Specification)이다.예전에는 Swagger Specification이라고 불렸고, 현재는 OpenAPI Initiative라는 비영리 단체에서 관리한다. 주요 특징JSON or YAML 형식으로 API의 경로, 요청/응답, 인증 방식 등을 정의할 수 있다사람이 읽기 쉽고, 동시에 기계가 이해할 수 있도록 설계되어 있다문서화 자동화, API 테스트 자동화, 클라이언트/서버 코드 생성 등 다양한 도구와 연계된다  대표 도구Swagger UISwagger Editor.. 2025. 4. 2.
[웹 개발] AI 코딩 보조 도구 선택 가이드(GitHub Copilot, Cursor) 최근 개발 도구로 GitHub Copilot을 자주 활용하고 있는데, 한 가지 고민이 생겼다.“코파일럿은 전체 프로젝트 맥락을 제대로 이해하고 있을까?”“프로젝트 전체 구조를 고려해서 도와주는 AI 도구는 없을까?” 이런 고민을 하다가 자연스럽게 GitHub Copilot과 함께, Cursor라는 새로운 도구를 사용해 보게 되었고, 두 도구를 비교해 보며 느낀 점들을 정리해 보았다. 일단 먼저 GitHub CopilotCopilot은 IntelliJ나 VSCode 플러그인으로 설치해 사용할 수 있으며, 코드 작성 중 자동으로 적절한 다음 줄을 추천해 준다. 마치 옆에서 함께 코딩하는 파트너처럼, 함수의 이름이나 주석만 잘 써주면 똑똑하게 예측해서 완성해 준다. 하지만 사용하면서 느낀 한계도 분명했다.지금.. 2025. 4. 2.
[웹 개발] API 에러 응답 설계, 어디까지 정해야 할까? https://claremont.tistory.com/entry/%EC%9B%B9-%EA%B0%9C%EB%B0%9C-API-%EB%AA%85%EC%84%B8%EC%84%9C-%EC%9E%91%EC%84%B1-tip [웹 개발] API 명세서 작성 tiphttps://tech.kakaoenterprise.com/127 [TW] API 문서 톺아보기시작하며 안녕하세요. 카카오엔터프라이즈 테크니컬라이팅 팀의 Crystal(김유리), Sandy(차신영), July(김정인)입니다. 테크니컬라이팅 팀에서는 Kakaclaremont.tistory.com API 서버를 개발하다 보면 반드시 마주하게 되는 질문이 있다“에러 응답은 어떻게 설계하지?”많은 개발자들이 HTTP 상태 코드만 잘 쓰면 되는 거 아닌가? 하고 생.. 2025. 4. 1.
[웹 지식] 사용자 행동 기법(로그 데이터 분석, 세션 리플레이, 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.

티스토리툴바