반응형 전체 글207 [페르소나 5 더 로열] #13 1학기 중간고사와 상담 교사 '마루키 타쿠토' 등장! (5/8~5/13) 안녕하세요! 커피코더의게임Log입니다. ☕🎮지난 12화에서는 대중의 마음의 미궁인 '메멘토스' 첫 진입과 모르가나 버스의 등장, 그리고 수수께끼 소년 조제와의 만남까지 함께 확인하셨는데요!이번 13화(5월 8일~5월 13일)에서는 카모시다 사건 이후 학생들의 마음을 보듬기 위해 새로 찾아온 상담 교사 마루키 타쿠토 선생님과의 만남, 괴도단을 열렬히 지원하는 미시마 카즈키와의 코프 해금, 그리고 학생들의 최대 난관인 1학기 중간고사 이야기까지 알차게 다룹니다.📺 공략 영상 다시보기https://youtu.be/GCktgGe7dmo 📌 주요 내용 타임라인 (※ 영상의 주요 구간별 스탬프는 업로드 후 추가될 예정입니다.)5월 8일: 괴도단 웹사이트 개설 및 미시마 카즈키 코프(달) 해금5월 9일~10일:.. 2026. 9. 2. [페르소나 5 더 로열] #12 대중의 마음의 미궁! 첫 메멘토스 진입과 미션 수행 (5/6~5/7) 안녕하세요! 커피코더의게임Log입니다. ☕🎮지난 11화에서는 카모시다의 눈물 어린 전교생 앞 사죄와 개심 결과 발표, 그리고 '마음의 괴도단'의 공식 결성까지 함께 확인하셨는데요!이번 12화(5월 6일~5월 7일)에서는 특정 인물의 단독 팰리스가 아닌, 대중의 마음이 모인 거대한 미궁 '메멘토스(Mementos)'에 처음으로 진입합니다! 모르가나 버스의 충격적인(?) 등장과 첫 메멘토스 퀘스트 타깃 개심, 그리고 의문의 소년 '조제'와의 만남까지 알차게 다룹니다.📺 공략 영상 다시보기https://youtu.be/SS_jibYferU 📌 영상 타임라인00:00 5월 6일, 학교 일상과 괴도단 관련 새로운 소문 탐색05:40 첫 메멘토스 진입과 모르가나 버스 변신 튜토리얼12:15 메멘토스 미궁 탐색.. 2026. 9. 1. [페르소나 5 더 로열] #11 카모시다 개심 결과 발표 & 괴도단 이름 정하기 (5/2~5/6) 안녕하세요! 커피코더의게임Log입니다. ☕🎮지난 10화에서는 카모시다 팰리스의 보스인 '마왕 카모시다'를 격파하고 보물을 훔쳐 탈출하는 데 성공했는데요! 이번 11화에서는 예고장 발송 후 드디어 찾아온 예고 기한일(5월 2일), 전교생 앞에서 펼쳐지는 충격적인 개심 결과 발표와 괴도단의 본격적인 출발을 다룹니다.📺 공략 영상 다시보기https://youtu.be/DEfV1XGOY50 📌 영상 타임라인00:00 5월 2일 아침, 전교 집회와 카모시다의 예상치 못한 자백05:15 카모시다의 개심 성공과 퇴학 철회 소식10:30 학교 안팎의 반응 및 친구들과의 대화18:20 5월 3일~4일 일상 및 코프(인연) 이벤트 진행27:45 5월 5일 어린이날, 고급 호텔 뷔페 축하 파티35:10 '마음의 괴도단.. 2026. 9. 1. [페르소나 5 더 로열] #10 카모시다 팰리스 최종 결전! 마왕 카모시다 보스전 공략 & 팰리스 탈출 안녕하세요! 커피코더입니다.드디어 카모시다 팰리스의 마지막 공략! 예고장을 보낸 후 보스 '마왕 카모시다'와의 최종 결전을 치르고, 무너지는 팰리스를 탈출하는 에피소드를 진행했습니다.이번 포스팅에서는 카모시다 보스전 패턴과 공략 팁, 그리고 보스전 이후 이벤트 및 일정 진행 흐름을 정리해 드립니다.🎬 관련 영상 안내영상 제목: [페르소나 5 더 로열] #10 카모시다 팰리스 최종 결전! 마왕 카모시다 보스전 공략영상 링크: https://youtu.be/Y25d9hKdWEE 1. 予告狀(예고장) 발송 및 팰리스 재잠입예고장을 보낸 다음 날, 슈진 고등학교는 예고장으로 인해 한탕 소동이 일어납니다. 카모시다의 불안감과 죄책감이 극에 달하면서 팰리스 내 오타카라(보물)가 실체화됩니다.핵심: 예고장을 보낸 .. 2026. 8. 30. React 완벽 정리 ㉕ — React 성능 최적화 실전 완벽 정리 드디어 React 완벽 정리 시리즈의 마지막 편입니다.처음 React를 시작했을 때는 단순히 컴포넌트를 만들고 화면에 출력하는 것만으로도 충분했습니다.하지만 프로젝트의 규모가 커지면 이런 문제가 발생하기 시작합니다.페이지가 느려졌다.컴포넌트가 자주 다시 렌더링된다.입력할 때 화면이 버벅거린다.리스트가 많아지면 느려진다.API 응답 후 화면이 늦게 표시된다.JavaScript 번들이 너무 커졌다.이때 필요한 것이 바로 성능 최적화입니다.하지만 React 성능 최적화에서 가장 중요한 것은 무조건 코드를 최적화하는 것이 아닙니다.오히려 다음 순서가 중요합니다.문제 발생 ↓성능 측정 ↓원인 분석 ↓병목 구간 확인 ↓필요한 부분만 최적화 ↓다시 측정이번 편에서는 지금까지 배운 React 개념을 .. 2026. 8. 29. React 완벽 정리 ㉔ — React 프로젝트 구조와 컴포넌트 설계 완벽 정리 React를 처음 공부할 때는 프로젝트 구조가 크게 중요하지 않습니다.src ├── App.tsx ├── main.tsx └── components정도로 시작해도 충분합니다.하지만 프로젝트가 커지기 시작하면 상황이 달라집니다.컴포넌트 증가 ↓페이지 증가 ↓API 증가 ↓Hook 증가 ↓상태 관리 증가 ↓공통 코드 증가그러다 보면 다음과 같은 문제가 발생합니다."이 코드는 어디에 넣어야 하지?""이 컴포넌트를 분리해야 할까?""API 호출 코드는 어디에 두는 게 좋을까?""공통 컴포넌트와 페이지 컴포넌트의 차이는?""Hook을 언제 만들어야 하지?""components 폴더에 파일이 너무 많아졌는데?"React에서는 정해진 하나의 프로젝트 구조가 존재하는 것은 아닙니다... 2026. 8. 29. React 완벽 정리 ㉓ — React + TypeScript 완벽 이해하기 React를 공부하다 보면 JavaScript로 작성된 예제는 쉽게 볼 수 있습니다.function User({ name }) { return {name};}처음에는 이것만으로도 충분해 보입니다.하지만 실제 프로젝트의 규모가 커지면 이야기가 달라집니다.컴포넌트가 많아지고,App ├── Header ├── User ├── UserList ├── UserDetail ├── Product └── DashboardProps가 여러 컴포넌트를 거쳐 전달되고,API에서 전달받는 데이터도 복잡해집니다.API ↓JSON ↓State ↓Props ↓Component ↓Event이 과정에서 JavaScript만 사용하면 다음과 같은 문제가 발생할 수 있습니다."이 Props는 어떤 타입이지?""이 값이 null일 수도 .. 2026. 8. 29. React 완벽 정리 ㉒ — Suspense와 Lazy Loading 완벽 이해하기 React 애플리케이션의 규모가 커지면 컴포넌트와 기능이 계속 늘어나게 됩니다.처음에는 간단했던 프로젝트도 기능이 추가되면서:React Application│├── Home├── Login├── User├── Product├── Dashboard├── Chart├── Editor├── Admin└── ...처럼 많은 컴포넌트와 라이브러리를 사용하게 됩니다.문제는 애플리케이션의 모든 JavaScript 코드를 처음부터 한꺼번에 다운로드할 필요가 없다는 것입니다.사용자가 현재 Home 페이지만 보고 있는데 Admin, Chart, Editor 등에 필요한 코드까지 모두 다운로드한다면 초기 로딩에 불필요한 비용이 발생할 수 있습니다.이때 사용할 수 있는 개념이 바로 Code Splitting과 Lazy Loa.. 2026. 8. 29. React 완벽 정리 ㉑ — Error Boundary 완벽 이해하기 React 애플리케이션을 개발하다 보면 아무리 코드를 꼼꼼하게 작성해도 예상하지 못한 오류가 발생할 수 있습니다.예를 들어 특정 컴포넌트에서 오류가 발생하면:페이지 렌더링 ↓컴포넌트 오류 발생 ↓화면 일부 또는 전체 렌더링 실패와 같은 상황이 발생할 수 있습니다.특히 실제 서비스에서는 단순히 콘솔에 오류를 출력하는 것만으로는 충분하지 않습니다.사용자에게:문제가 발생했습니다.잠시 후 다시 시도해주세요.와 같은 적절한 오류 화면을 보여주는 것이 필요합니다.React에서는 이런 렌더링 과정에서 발생하는 오류를 감지하고 대체 UI를 보여주는 방법으로 Error Boundary를 사용할 수 있습니다.이번 글에서는 Error Boundary가 무엇인지부터 시작해서 실제 프로젝트에서 어떻게 활용할 수 있는.. 2026. 8. 28. 이전 1 2 3 4 ··· 23 다음 반응형
