반응형 전체 글42 [React] 사용자 이탈을 0%로: 인앱 브라우저 감지 및 리다이렉트 구현 여정 📂 GitHub 저장소🌐 라이브 데모💼 포트폴리오카카오톡, 에브리타임 등 인앱 브라우저에서 Google OAuth 로그인이 차단되는 문제를 분석하고, 앱별 URL 스킴을 활용한 외부 브라우저 리다이렉트 솔루션을 구현한 과정을 공유합니다. 📑 바로가기🎯 문제 정의🔍 원인 분석🔥 도전과제💡 해결 과정📈 결과🛠 기술 스택🎯 문제 정의: 왜 카카오톡에서 구글 로그인이 안 될까?대학 커뮤니티 에브리타임이나 카카오톡에서 공유된 링크를 클릭하면, 해당 앱 내부의 인앱 브라우저(In-App Browser)에서 웹페이지가 열립니다. 문제는 이 환경에서 Google OAuth 로그인이 완전히 차단된다는 것입니다.사용자가 "Google로 계속하기" 버튼을 누르면, 다음과 같은 에러 메시지가 표시됩니다:".. 2026. 1. 20. [React] 자연어 기반 시간표 자동 생성을 위한 프론트엔드 최적화 여정 📂 GitHub 저장소🌐 라이브 데모💼 포트폴리오대학생 AI 챗봇 서비스 강냉봇에 "자연어 기반 시간표 자동 생성" 기능을 추가하면서, 기획 부재 상황에서 애자일하게 MVP를 구현하고, 프론트엔드 주도적인 개발 방식을 통해 난관을 극복한 과정을 공유합니다. 📑 바로가기🎯 문제 정의🏗️ 아키텍처🔥 도전과제💡 해결 과정📈 결과🛠 기술 스택🎯 문제 정의: 수강신청은 왜 항상 힘들까?대학생들에게 수강신청 기간은 전쟁입니다. 듣고 싶은 과목들은 많은데, 어떤 과목이 어떤 시간에 열리는지, 내 공강 날짜와 겹치지는 않는지 하나하나 따져봐야 합니다. 기존의 시간표 서비스들은 대부분 수동 검색 방식이었습니다."알고리즘 A반 넣어보고... 안되네? B반으로 바꿔볼까? 아 그럼 데이터베이스랑 겹치네.... 2026. 1. 10. [React] AI 챗봇의 체감 속도를 높인 프론트엔드 최적화 여정 📂 GitHub 저장소🌐 라이브 데모💼 포트폴리오 대학 AI 챗봇 서비스 강냉봇의 프론트엔드를 개발하면서 "느린 AI 응답"이라는 근본적인 한계를 프론트엔드 기술로 어떻게 극복했는지 공유합니다. 📑 바로가기 🎯 문제 정의🏗️ 아키텍처🔥 도전과제💡 해결 과정📈 결과🛠 기술 스택 🎯 문제 정의: 왜 AI 챗봇은 느리게 느껴질까? 강남대학교 학생들을 위한 AI 챗봇 서비스를 개발하면서 첫 번째로 마주한 현실은 AI 응답의 지연 시간이었습니다. LLM(Large Language Model) 기반 챗봇은 구조적으로 응답에 1~5초가 소요됩니다. 여기에 네트워크 통신 시간까지 더.. 2025. 12. 25. [인턴IN메타] 발표 자료 작성법: 기획부터 디자인까지 A to Z 최근 '인턴IN메타' 4주차 과정에서 발표 자료 시각화 및 스토리보드 작성을 집중적으로 학습하며 과거의 경험을 되돌아보게 되었습니다. 이번 포스팅에서는 4주차에 학습한 실전 발표 자료 작성법 A to Z를 공유하고자 합니다. 이 글을 통해 여러분은 단순히 예쁜 자료가 아닌, '논리적으로 설득하고 목표를 달성하는' 기획서와 발표 자료를 만드는 것을 목표로 합니다. 1. 기획의 뼈대를 세우는 4MAT 프레임워크좋은 발표는 화려한 디자인이 아닌, 탄탄한 논리 구조에서 시작합니다. 청중은 "그래서 이걸 왜 해야 하죠?"라는 근본적인 질문에 대한 답을 원합니다. 이때 가장 효과적인 프레임워크가 바로 4MAT(4 Master of Art Teaching) 입니다. 4MAT은 세계적인 교육학자 버니스 매카시(Ber.. 2025. 8. 1. 이전 1 2 3 4 ··· 11 다음 반응형
