본문 바로가기

전체 글521

[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.
[백준/nodeJS] 2740. 행렬 곱셈 안녕하세요. 박기린입니다. 백준 2740번 행렬 곱셈 문제 풀어보겠습니다. 문제 링크 https://www.acmicpc.net/problem/2740 문제 해석 행렬 곱셈에 대해 사전 지식이 있다면 쉽게 폴 수 있습니다. 하지만 그렇지 못한 분도 있기에 간단하게 설명해보겠습니다. 문제에서 예시 입력으로 주어진 두 개의 행렬입니다. [3 * 2] 와 [2 * 3]으로 이루어진 행렬이고, N은 3, M은, K는 3입니다. 행렬의 크기는 N * K로 구할 수 있기 때문에, [3 * 3]임을 미리 알고 시작합니다. N과 K가 1일 때의 값을 구해보겠습니다. 이때 행렬 곱셈 방법은 이러합니다. 1. 첫 번째 행렬에서 N이 1인 행을 찾습니다. 2. 두 번째 행렬에서 K가 1인 열을 찾습니다. 3. 행일 경우 맨.. 2023. 12. 29.
[Apple] 돈머니 - iCloud 연동 가계부 / 라이프타임 결제 앱 사용기는 1. 블로그 작성자가 한 달 이상 직접 사용해본 후 2. 남들에게 추천해줄만한 프로그램일 때 설명을 드리기 위해 작성하는 글입니다. 본 글에 대해 어떠한 지원도 받지 않았음을 밝힙니다. 안녕하세요. 박기린입니다. iCloud를 지원하고, 애플 기기를 전부 지원하며, 구독 결제가 하닌 일회성(Lifetime)결제인 가계부를 찾았습니다. 바로 돈머니 입니다. 지원 OS : iPadOS, iOS, macOS 공식 다운로드 : 각 OS별 App Store에서 다운로드 가능 돈머니의 특징 1. iCloud를 지원합니다. 그렇게 좋다고 소문난 애플의 연동성의 핵심인 iCloud 연동을 지원합니다. 덕분에 맥, 아이폰, 아이패드 모두 실시간으로 연동되는 가계부를 작성할 수 있습니다. 오프라인에서도 수정이.. 2023. 12. 26.
[로아] 아스트레이 선원 국민 세팅 맞추기 안녕하세요. 박기린입니다. 내실 익스프레스 - 아크라시아 투어로 인해 순식간에 수많은 아스트레이가 출고되고 있습니다. 하지만 아스트레이의 진가는 선원이 받쳐줘야 드러납니다. 지금부터 그 선원들을 찾으러 가보겠습니다. 추천 아스트레이 선원 조합 1. 유물 검은이빨 2. 영웅 검은이빨 3. 유물 바라카스 4. 전설 바라카스 5. 희귀 포딘 전설 검은이빨이 있다면, 검은이빨 3세트, 바라카스 2세트로 채우면 끝이긴 합니다. 하지만 전설 검은이빨은 난파선 보상 상자에서 확률적으로 얻을 수 있는데, 거의 못 얻는 수준으로 악명이 높기에 일단 배제하겠습니다. 1. 유물 검은이빨 파푸니카 근처 작살아귀 길드선에서 프로키온 주화 8,016개로 심연의 눈물을 구매합니다. 그리고 안개의 섬에 갑니다. 안개의 섬에 있는 상.. 2023. 12. 26.
[React] 18. React.memo() 안녕하세요. 박기린입니다. 이번엔 React.memo()에 대해 알아보겠습니다. 사전 정의 React.memo()의 구체적인 설명을 위해, 어떠한 앱이 있다고 가정을 하겠습니다. 이 앱은 아래 4개의 파일을 가지고 있습니다. 프로그램의 구조 App.js - Demo.js - MyParagraph.js - Button.js // 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 [showParagraph, .. 2023. 12. 26.

티스토리툴바