본문 바로가기

전체 글426

[RN] 리액트 네이티브에서 .env 사용하는 방법 REACT_APP이 통하지 않는 리액트 네이티브 React JS 면, 'REACT_APP'이라는 키워드를 env 변수 앞에 넣어주면 자동으로 적용이 됐지만, React Native는 그렇지 않습니다. 왜냐하면 .env 안에 있는 데이터를 안드로이드와 ios에서 각각 잘 적용될 수 있도록 설정할 필요가 있기 때문입니다. 그래서 그냥 root 폴더에 .env만 만들고 빌드하면, 정상적으로 API Key를 불러오지 못합니다. react-native-dotenv # npm npm i react-native-dotenv # yarn yarn add react-native-dotenv 그래서 외부 모듈의 도움이 필요합니다. ios와 안드로이드의 .env설정을 자동으로 해주는 고마운 라이브러리입니다. module.e.. 2024. 1. 25.
[팔월드] 팰의 체액 얻는 법 안녕하세요. 박기린입니다. 온천 재료 - 팰의 체액 거점 레벨업 조건 중에 '온천' 건설이 있습니다. 그런데 온천을 건설 할 때 '팰의 체액'이 필요합니다. 물타입 팰 잡기 팰의 체액을 얻는 방법은 '물 타입 팰'을 죽이기 입니다. 대충, 몸이 파랗고 물을 쏘는 팰을 죽이면 전부 펠의 채액을 떨어트립니다. 지금 당장 물타입 팰을 밀렵하세요! 2024. 1. 22.
[팔월드] 게임 시작할 때 크래시 오류 해결법 (Palworld Crashing on Startup) 안녕하세요. 박기린입니다. 요즘 정말 핫하고 논란도 많은 게임, 팔월드(Palworld)의 시작 오류를 해결하는 방법에 대해 알아보겠습니다. UE-Pal Crash 팔월드를 처음에 설치하고 나서 실행할 때, 위처럼 오류가 발생하면서 게임이 시작되지 않는 경우가 발생했습니다. 해결법 1. 그래픽 드라이버 업데이트 (그러나 성공 X) 언리얼 엔진에 쓰이는 그래픽 드라이버를 업데이트할 필요가 있습니다. 다만, 이걸로 해결이 안 되는 경우가 많으실 겁니다. 해결법 2. 스팀 무결성 검사 [스팀의 팔월드 - 속성 - 설치된 파일] 에서 게임 파일 무결성 검사를 진행합니다. 그러면 게임 다운 중, 어떤 파일이 누락됐다는 것을 발견하고, 다시 필요한 파일을 채워넣어줍니다. 무결성 검사를 마치고 게임을 실행하면, 정상.. 2024. 1. 21.
[vscode/윈도우] Delete`cr`, `space` 등등 알 수 없는 JS 오류 지우기 (eslint와 Prettier) 안녕하세요. 박기린 입니다. 이해할 수 없는 오류 `cr` 제 경우, 맥에서 작성한 코드를 윈도우에서 불러왔을 때 위와 같은 오류가 갑자기 발생했습니다. 리액트 네이티브 - js - jsx 코드에서 위와 같은 오류가 발생했었습니다. 해결책 1. '.eslinttrc.js'에 rules 추가 주요한 원인은, eslint와 prettier의 충돌입니다. 그래서 이 충돌을 막기 위한 방법 중 하나로, 프로젝트 안에 있는 eslint 설정을 건드리는 것입니다. rules: { 'prettier/prettier': [ 'error', { endOfLine: 'auto', }, ], }, eslinttrc.js에 위와 같은 코드를 추가해주면, 오류 문구가 사라집니다. 해결책 2. eslint 확장프로그램 제거 그런.. 2024. 1. 11.
[React] 21. useMemo()를 사용해서 object와 array의 재설정 막기 안녕하세요. 박기린입니다. React.memo()와 useCallback()에 이어서, obejct와 array의 재실행/재평가를 막아주는 useMemo()에 대해 알아보겠습니다. React.memo 설명글 : https://arnopark.tistory.com/840 useCallback 설명글 : https://arnopark.tistory.com/845 (위 두 글을 읽고, 본 글을 읽는 것을 적극 추천드립니다.) 사전 정의 React.memo()의 구체적인 설명을 위해, 어떠한 앱이 있다고 가정을 하겠습니다. 이 앱은 아래 3개의 파일을 가지고 있습니다. 프로그램의 구조 App.js - Demo.js - Button.js // App.js import React, { useState, useCal.. 2024. 1. 9.
[더 파이널스/제작감상문] 대형 슬렛지해머 "분탕충" 안녕하세요. 박기린 입니다. 영상 먼저 보고 오기 대형 캐릭터의 오함마에 맛들린 기린 더 파이널스를 어떻게 하면 재밌게 즐길 수 있을까 생각하던 중, 대형 캐릭터의 슬렛지 해머를 발견했습니다. 나는 재밌지만 같은 팀원에게는 조커카드 그 자체인 오함마.. 하지만 참을 수 없었죠. 마리오 64의 던전 입장 영상을 가져와서 편집했습니다. 실제 더 파이널스 게임 입장씬과도 절묘하게 잘 맞더라고요. 처음에는 몇 번 킬을 따는 것으로 보이지만, 결국 데드무비로 이어지게 됩니다. 그래도 나름대로 기믹 수행도 하고, 트롤이 되지 않기 위해 열심히 노력했었죠. 하지만 한계를 느끼고, 해머를 버리고 M60을 듭니다. 총을 바꾸자마자 승리는 했지만... KDA 3/11/3이라는 기적의 결과가.. 그래도 나름대로 목표 지원도.. 2024. 1. 7.
[React] 20. useEffect와 useCallback에서 의존성 배열을 사용하는 이유 (Dependencies Array 설명) 안녕하세요. 박기린입니다. useEffect와 useCallback에는 의존성배열 (dependencies array)를 인수로 받는 영역이 있습니다. useEffect 설명글 : https://arnopark.tistory.com/770 useCallback 설명글 : https://arnopark.tistory.com/845 (위 두 글을 읽고, 본 글을 읽는 것을 적극 추천드립니다.) 지금부터 dependencies array를 사용하는 이유에 대해 좀 더 깊이 알아보겠습니다. 종속성이 필요한 경우 useCallback()을 사용한 예시를 통해 설명을 드리겠습니다. // App.js function App() { const [showParagraph, setShowParagraph] = useSta.. 2024. 1. 4.
[React] 19. useCallback()으로 함수 재생성을 방지하기 안녕하세요. 박기린입니다. useCallback()에 대해 깊이 있게 이해하기 위해, React.memo()를 먼저 알아보는 것을 추천드립니다. (React.memo() 강의 : https://arnopark.tistory.com/840) useCallback() React.memo() 설명글에서, 몇 가지 코드를 가져오겠습니다. // App.js import React, { useState } from 'react'; import Button from './components/UI/Button/Button'; import DemoOutput from './components/Demo/DemoOutput'; import './App.css'; function App() { const [showParagr.. 2024. 1. 3.
[영화감상문] 오펜하이머 (크리스토퍼 놀란, 2023) 영화의 기본 정보 더보기 영상 제목 : 오펜하이머 감독 : 크리스토퍼 놀란 영화 공개일 : 2023/8/15 본 날짜 : 2023/12/30 영상 길이 : 180분 (3시간 9초) 시청 방법 : 애플티비 구매 후 시청 보게 된 동기 + 포스터에 대해 느낀점 침착맨님과 궤도님의 오펜하이머 설명 영상을 보고, 언젠가는 봐야겠다는 생각을 했었다. 하지만 3시간 러닝타임이라는 긴 시간에 부담을 느껴 선뜻 도전하지 못했다가, 애플티비에서 싼 가격에 사전예약을 진행하길래 바로 사버렸다. 사놓고도 계속 미루면 아깝기에, 큰 맘 먹고 주말을 이용해서 다 봤다. 포스터를 보면 오펜하이머 배경에 놓인 폭탄과 폭발(불기둥) 불기둥의 색으로 뒤덮힌 모습 위 요소들을 한 눈에 확인할 수 있다. 오펜하이머를 이야기할 때 절때 떼.. 2023. 12. 31.

티스토리툴바