본문 바로가기
반응형

전체 글208

[페르소나 5 더 로열] #14 마다라메와의 첫 만남과 유스케 등장! 팰리스 첫 잠입 (5/14~5/17) 안녕하세요! 커피코더의게임Log입니다. ☕🎮지난 13화에서는 1학기 중간고사와 함께 P5R의 핵심 신규 캐릭터인 상담 교사 '마루키 타쿠토' 선생님과의 첫 만남, 그리고 미시마 카즈키와의 코프 해금 소식을 전해드렸는데요!이번 14화(5월 14일~5월 17일)에서는 중간고사를 마치고 찾은 미술전에서 새로운 인물인 '키타가와 유스케'를 만나고, 일본 미술계의 거장이라 불리는 '마다라메 이치류사이' 화백의 추악한 실체와 두 번째 미궁인 '마다라메 팰리스'에 처음으로 잠입하는 이야기가 펼쳐집니다.📺 공략 영상 다시보기https://youtu.be/MX6uOcXpMEA 📌 주요 내용 타임라인00:00 5/14 중간고사 종료 & 센트럴 가 자유 시간05:20 5/15 마다라메 미술전 관람 & 키타가와 유스케와.. 2026. 9. 2.
[페르소나 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.
반응형