이전에 사이드 프로젝트와 미니 프로젝트에서 카카오 로그인을 구현해본 적이 있었다. 이번에 학원 종합 프로젝트를 진행하면서 구글, 네이버 로그인까지 추가로 구현하게 됐는데, 직접 해보니까 결론부터 말하면 세 개 다 흐름이 거의 똑같다.처음엔 각 플랫폼마다 뭔가 다른 방식

학원 프로젝트에서 관리자 페이지 UI를 그려야 했다. 사실 시간이 엄청 촉박했던 건 아니지만, UI를 백지 상태에서 새로 디자인하려니 막막하기도 했고 요새 핫한 Claude Design도 직접 써보고 싶어서 한번 도전해봤다.

개인 프로젝트(BlueNote)를 진행하면서 이전까지는 노션에 할 일 목록만 대충 적고 개발했다. 근데 기획부터 설계, 개발까지 해야 할 게 많아지니까 "지금 뭘 해야 하지?"가 자주 발생했다. 학원에서 Jira를 배우게 되면서 이번 프로젝트에 직접 적용해보기로 했다

개인 프로젝트를 진행하면서 GitHub Actions + Azure App Service로 CI/CD를 구성했다. 그동안 별 문제 없이 잘 배포되고 있었는데, 새 저장소를 만들고 동일한 방식으로 연결하니까 갑자기 배포가 실패했다. 설정을 바꾼 것도 없는데 왜 안 되는

팀 소개 팀명: 구운 감자 구성: 프론트엔드 2명 · 백엔드 1명(본인) 기간: 2026.07.16 ~ 2026.07.30 (약 2주) 프로젝트 소개 구움(Gooum) 팀명인 구운감자의 '구움'과 협업 공간을 뜻하는 Room을 결합한 이름. > 대화를 나누고

1. 개요 (Context) 이번에 학원에서 미니프로젝트 2를 진행하면서 API 응답 속도가 계속 3초 이상 걸리는 기이한 현상을 겪었다. 코드 상의 문제인가 싶어 쿼리를 최적화하고, 인덱스를 재점검하는 등 할 수 있는 방법은 다 시도해 보았지만 속도는 전혀 개선되

Python FastAPI로 백엔드 개발을 해오다가, 이번 팀 프로젝트에서 Node.js + Express + TypeScript 조합으로 전환하게 됐다. 같은 REST API를 만드는 건데 프레임워크가 달라지니까 "이건 Express에서는 어떻게 하지?"라는 질문이

미니프로젝트 백엔드를 Python(FastAPI)에서 Node.js+TypeScript로 전환하고, Azure App Service와 GitHub Actions로 자동 배포까지 구축한 과정을 정리해 보았다.

React+Express로 JWT 인증 시스템을 구현하는 방법을 배웠다. localStorage vs HttpOnly 쿠키 저장 방식 비교와 jwt.decode/verify 차이를 알아보자

오늘은 브라우저의 CORS 정책부터 시작해서, 실제 발생했던 대형 보안 사고 사례, 그리고 SQL Injection / XSS / CSRF 같은 대표적인 웹 취약점까지 실습을 통해 공부했다. 1. CORS (Cross-Origin Resource Sharing) C

React + TypeScript + Tailwind로 목표 실패 패턴을 분석하는 앱 "작심삼일 수사대"를 만들어봤다.

Redux 미들웨어와 코드 스플리팅에 대해 알아보자.

Context API와 Redux에 대해 알아보자. props drilling부터 시작해서 Context API와 Redux가 어떻게 다른지, Redux의 Action·Reducer·Store 흐름까지 정리해 보자!

오늘 수업에서 useReducer + Immer로 상태를 관리하고 React Router로 다중 페이지를 구성하는 Todo 앱을 만들어봤다. Action Type 상수, useCallback, useMemo까지 배운 개념들을 한꺼번에 써볼 수 있는 시간이었다.

수업에서 React 컴포넌트와 useState로 가위바위보 게임을 만들고, 이를 응용해 숫자 맞추기 게임을 직접 만들어봤다. 컴포넌트 분리, props, CSS Module 등 배운 개념을 복습하며 정리했다.

저번 주에 배운 React 개념들을 이제야 정리했다. SPA, 컴포넌트, Virtual DOM, 라이프사이클... 배울 땐 어렴풋했는데 글로 쓰면서 조금 더 잡히는 느낌이다. 🙂

피그마의 컴포넌트 시스템을 이해해보자!

오늘 처음으로 피그마를 직접 써봤다. 그룹/프레임/컴포넌트 차이, 컨스트레인트, 오토레이아웃 개념 정리와 함께 내 불편함에서 시작한 서비스 '작심삼일 해부소' 기획 실습까지 담았다.

오늘 CX 디자인 수업을 들었다. 디자인은 단순히 예쁜 게 아니라 사용자가 계속 쓰게 만드는 것이라는 걸 배웠다. 생각보다 논리적인 구조가 많아서 흥미로웠다.

유레카 4기 미니 프로젝트, 팀 포롱의 관리자 페이지와 로그인/회원가입 개발기. 이미지 저장, 날짜 기반 페이징, 드래그 스크롤까지 구현하면서 이번 프로젝트를 통해 배운 것들을 정리했다.