본문 바로가기

전체 글521

[백준/nodeJS] 14935. FA 안녕하세요. 박기린입니다. 백준 14935번 FA 문제 풀어보겠습니다. 문제 링크 https://www.acmicpc.net/problem/14935 문제 해석 결론부터 말씀드리자면, 모든 수는 FA수입니다. 10만자리의 수일지라도, 'x의 첫 자리'와 'x의 자리수'를 곱한 결과는 아무리 커봐야 9 * 9 = 81 입니다. 그리고 81은 결국 F(x)에 의해 8로 전환되고, F(8)은 8 * 1 = 8이 되어, 동일한 수가 나옵니다. 즉, FA수가 됩니다. 정답 코드 & 해설 console.log("FA"); 모든 수가 FA수이기 때문에, 입력과 상관없이 FA만 출력해주면 끝입니다. 2024. 2. 29.
[React] 24. 커스텀 hook으로 useHttp훅 만들어보기 이전 강의에 커스텀훅을 제작하는 방법에 대해 알아봤습니다. (이전 강의 : https://arnopark.tistory.com/855) 이번엔 커스텀 훅을 현실적으로 제작해서 사용하는 시나리오를 가정하고, 어느 프로젝트에서든 정말 유용하게 사용할 수 있는 커스텀 훅을 제작해보겠습니다. 가상 시나리오 가정하기 위 이미지와 같은 구조의 리액트 앱이 있습니다. input 창에 task 내용을 적은 후, 오른쪽의 Add Task 버튼을 누릅니다. 그러면 서버에 task가 업로드됩니다. (firebase - realtime database 사용) 서버에 올라온 tasks 목록을 받아와서, Input 창 하단에 리스트로 출력합니다. useHttp 1차 제작 서버로 Task를 보내고 받는 과정에서 http 리퀘스트가.. 2024. 2. 14.
[React] 23. 커스텀 훅(Custom Hook)을 만들어 보자 안녕하세요. 박기린입니다. 리액트에는 다양한 React Hooks가 존재합니다. 대표적으로 useState, useEffect, useReducer가 있고, 여러 개의 use로 시작되는 훅들이 존재합니다. 이번에는 공식적으로 제공하는 훅 뿐만 아니라, 직접 Custom Hook을 제작하는 방법에 대해 알아보겠습니다. Custom Hook이란? Custom Hook이란, 함수는 함수인데 React Hook (ex : useState) 이나 React State를 사용해서 함수를 만드는 것을 의미합니다. 함수 안에서 useState()나 useEffect()와 같은 것을 사용해서, 여러 컴포넌트에서 재사용이 가능한 함수를 만듭니다. 예를 들어, useState()는 원래 리액트 컴포넌트 함수 내부에서만 사.. 2024. 2. 7.
[React] 22. HTTP 리퀘스트 보내기 안녕하세요. 박기린 입니다. 이번엔 React앱에서 외부 서버로부터 HTTP 요청을 보내고 결과값을 받아서 출력하는 방법에 대해 알아보겠습니다. GET 요청 보내기 리액트의 근간은 JavaScript이기 때문에, fetchAPI를 통해서 서버에서 데이터를 주고받을 수 있습니다. (fetchAPI는 JS 내장 기능이 아니라, WebAPIs 임을 잊지는 말자.) fetch한 데이터를 state로 저장해서 이용할 수 있습니다. 그러면 데이터를 fetch할 때마다, state도 업데이트되면서 자동으로 컴포넌트도 업데이트 됩니다. function App() { const [movies, setMovies] = useState([]); function fetchMoviesHandler() { fetch("https.. 2024. 1. 31.
[백준/nodeJS] 1016. 제곱 ㄴㄴ 수 안녕하세요. 박기린입니다. 백준 1016번 제곱ㄴㄴ수 문제 풀어보겠습니다. 문제 링크 https://www.acmicpc.net/problem/1016 문제 해석 '제곱ㄴㄴ수'가 무엇일까요? 위 메모처럼, n의 제곱으로 나눴을 때 나머지가 없는 수를 제곱ㅇㅇ수라고 표현하고, 그 반대를 제곱ㄴㄴ수라고 문제에서 표현합니다. 정답 코드 const fs = require("fs"); const [min, max] = fs .readFileSync("/dev/stdin") .toString() .trim() .split(" ") .map(Number); const isDivided = Array(1000001).fill(false); // max와 min 사이에 들어가는 최대 수, ㄴㄴ제곱이 아닌 수가 true... 2024. 1. 26.
[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.

티스토리툴바