오진수 블로그

전체 15개 글

오진수 · 프로그래밍 · 3일 전
Next.js Docker Build Freezes at "creating optimized production b uild" - Next.js Docker 빌드시 creating optimized production build 단계에서 멈출 때 해결법 Next.js를 Docker 환경에서 빌드하다 보면, creating optimized production build 단계에서 무한정 멈추는 상황
오진수 · 프로그래밍 · 9월 2일
Next.js vs Remix 비교 둘다 운영 중인 후기 Next.js에서 Remix로, Remix에서 Next.js로 다시 돌아온 과정 Next.js를 사용하다가 작년 이맘때쯤 잠시 Remix로 넘어갔던 것 같습니다. 물론 아래에서 설명하겠지만 Next.js 15.5 이후로 저는 다시 Next.js를 선택하고 있습니다. 그러고 보니 지금
오진수 · 포트폴리오 · 8월 19일
매월 20% 성장한 성과 지표 관리 사례 요즘 성과 지표 관리에 빠져 있습니다. 성과 지표 관리에 집중하면서 막연하게 "앞으로 잘되겠지~" 하는 생각이 없어졌습니다. 그보다 "다음 달에 어떻게하면 20% 더 성장할 수 있을까?" 하는 생각이 앞섭니다. 운동할 때도 마찬가지입니다. 그냥 1시간 정도 운동하면 건강해지겠지 하면서
오진수 · 포트폴리오 · 7월 5일
조회수 50% 상승한 굿테리어 상세페이지 리뉴얼 <리뉴얼한 상세페이지> 굿테리어 포트폴리오 상세 페이지에서 본문 우측 평면도를 없애고 관련된 콘텐츠를 곧바로 보여주었다. <기존 상세페이지> 고객 입장에서 서비스 이용 흐름을 시뮬레이션하다가 문제점을 발견했다. 굿테리어 홈페이지는 키워드 검색 을 통해 곧장 포트폴리오 상세 페이지
오진수 · 프로그래밍 · 7월 3일
[TS] Cannot access '_' before initialization 오류 import type으로 해결하기 "Cannot access '_' before initialization" 오류는 말 그대로 무언가를 초기화하기 전에 사용하는 경우 발생합니다. 순환참조 문제 대표적으로는 클래스 간 의존성을 잘못 설계한 경우입니다. 다음과 같은 예를 생각해 볼 수 있겠습니다. Hyundai 클래스가
오진수 · 프로그래밍 · 4월 15일
[Unity Shader Graph] Custom Triplanar Node For Texture2DArray 적용 전 모습입니다. 얼핏 봐서는 잘 모르겠지만, 동그라미 친 절벽 부분을 자세히 들여다 보시면 텍스처가 늘어난 모습을 볼 수 있어요. Mesh가 Y축으로 길수록 왜곡이 심해집니다. 그 이유는 ShaderGraph에서 World Space의 xz 값을 Sample Texture 2D
오진수 · 프로그래밍 · 3월 13일
HTML img 태그 srcset과 sizes 속성 사용법 HTML img 태그 srcset 과 sizes 속성 사용법 프론트엔드에서 img 태그 srcset 과 sizes 속성에 대한 이해는 필수적입니다. 단순히 src 속성으로만 원본 이미지 파일을 불러오면 불필요한 로딩 시간으로 인해 사용자 경험을 해칠 위험이 크기 때
오진수 · 프로그래밍 · 3월 11일
[Zustand] The result of getSnapshot should be cached to avoid an infinite loop 에러 해결하는 법 내용을 보면 이러한데 아래와 같이 Maximum update depth exceeded 에러와 함께 뜹니다. 아래와 같은 단순한 코드가 에러를 발생시키는데요. const values = useStore((state) => [1, 2, 3]) 에러가 발생하는 원인은 useStore 함수
오진수 · 프로그래밍 · 3월 10일
Next.js/Remix SSR에서 카카오 API로 주소를 위도 경도 값으로 변환하는 법 (+하이드레이션 문제 해결) 주소를 가지고 지도에 위치를 찍어주어야 할 일이 있었습니다. 카카오 지도 API에서 주소를 위도 경도로 변환하는 기능을 제공해서 이용하기로 했는데요. 카카오 지도 API를 이용하려면 일단 Kakao Map SDK를 External Script로 불러와야 합니다. 다시 말해서 HT
오진수 · 프로그래밍 · 3월 5일
파일 업로드 기능 구현 방법과 주의해야 할 사항들(+S3 Presigned URL)우선 주의사항부터 살펴봅시다. 이 주의사항들은 웹사이트를 만들든 모바일 앱을 만들든, 리액트를 쓰든 자바를 쓰든, 프론트엔드든 백엔드든 상관 없이 공통적으로 해당됩니다. 1. 파일을 업로드할 때 크기 정보를 함께 저장해야 한다. 이러한 지침은 CLS(Cumulative Layout S
오진수 · 프로그래밍 · 3월 4일
[Git] Large files detected 오류 해결하는 법(+유니티 팁)오류 메시지는 이렇게 나옵니다. large files detected. you may want to try git large file storage - https //git-lfs.github.com. 크기가 100MB가 넘어가는 파일을 Commit하는 경우에 생기는 오류입니다. 웹
오진수 · 프로그래밍 · 1월 5일
AWS Amplify "Log group does not exists" 에러 해결하는 방법 운영 중인 AWS Amplify 앱 로그를 확인하기 위해서 모니터링 페이지에 나와 있는 로그 그룹 링크를 클릭했습니다. 하지만 사진처럼 로그 그룹을 찾을 수 없다는 메시지가 나왔죠. 로그 그룹 링크는 분명히 아래 스크린샷처럼 AWS Amplify 콘솔에 적혀 있는데도 말입니다. 이때
오진수 · 포트폴리오 · 2024년 3월 17일
전환 수 300% 늘린 인테리어 업체 홈페이지 https://goodterior.com 굿테리어는 상업 인테리어 전문 업체입니다. 인테리어 업체 홈페이지를 기획하고 개발했습니다. 요구 사항 분석 인테리어 업체 홈페이지는 크게 두 가지 역할을 합니다. 검색 엔진에서 노출됨으로써 새로운 고객을 유치 할 수 있는 채널로서 역할 각기
오진수 · 프로그래밍 · 2024년 2월 1일
Remix(Express Server) + Socket.IO 설정하기 Remix 기반 Fullstack 웹 애플리케이션 서버를 운영중이었는데, 채팅 기능을 추가할 일이 생겼습니다. 채팅 기능은 쌍방향 통신을 필요로 합니다. 쌍방향 통신을 구현하는 방법은 여러가지가 있어요. 하지만 첫째로는 생산성, 둘째로는 Flutter와 연동해야 했으므로 호환성 및 라
오진수 · 프로그래밍 · 2023년 7월 11일
C++ 코드를 실행하는 과정 1. 전처리 우선 #include 구문을 지정한 파일에 담긴 내용으로 대체합니다. 꺽쇠( <...> )를 사용해 경로를 지정한 경우 전처리기는 표준 라이브러리가 있는 시스템 디렉토리부터 사용자가 설정한 디렉토리를 차례로 들여다봅니다. 디렉토리는 VS Studio 2022를 사용할