프로그래밍

10개 글

오진수 · 프로그래밍 · 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년 2월 1일
Remix(Express Server) + Socket.IO 설정하기 Remix 기반 Fullstack 웹 애플리케이션 서버를 운영중이었는데, 채팅 기능을 추가할 일이 생겼습니다. 채팅 기능은 쌍방향 통신을 필요로 합니다. 쌍방향 통신을 구현하는 방법은 여러가지가 있어요. 하지만 첫째로는 생산성, 둘째로는 Flutter와 연동해야 했으므로 호환성 및 라
오진수 · 프로그래밍 · 2023년 7월 11일
C++ 코드를 실행하는 과정 1. 전처리 우선 #include 구문을 지정한 파일에 담긴 내용으로 대체합니다. 꺽쇠( <...> )를 사용해 경로를 지정한 경우 전처리기는 표준 라이브러리가 있는 시스템 디렉토리부터 사용자가 설정한 디렉토리를 차례로 들여다봅니다. 디렉토리는 VS Studio 2022를 사용할