원문 : https://www.dexerto.com/tech/how-to-use-apple-game-porting-toolkit-2175563/ How to use Apple Game Porting Toolkit: Play Diablo IV on macOS - Dexerto It’s a lengthy process, but being able to play your games on Apple’s current slate of machines is surprisingly easy with the new Game Porting Toolkit. www.dexerto.com 맥은 업무용. 윈도우PC는 게임용. 대부분 이렇게 사용해야 되는데요. 윈도우 PC가 없어서 디아블로4를 못하고 있습니다. 최근에 애플이 2..
자바스크립트는 싱글 스레드 언어로써 동시성을 처리하기 위해 실행 컨텍스트와 Lexical Environment, Environment Record, Outer Environment Reference와 같은 개념들을 사용합니다. 이 포스팅에서는 이러한 개념들을 살펴보고, 어떻게 상호작용하는지 이해해봅시다. 실행 컨텍스트 (Execution Context) 실행 컨텍스트는 코드가 실행되는 환경을 나타냅니다. 자바스크립트 엔진은 실행 컨텍스트 스택을 사용하여 실행 중인 코드의 컨텍스트를 추적합니다. 이 스택에는 전역 컨텍스트와 함수 컨텍스트가 포함될 수 있으며, 호출 스택이라고도 합니다. 전역 컨텍스트 전역 컨텍스트는 코드가 처음 실행될 때 생성되며, 전역 객체와 관련된 변수와 함수를 포함합니다. 전역 컨텍스..
HTTP/2: 무엇이며 왜 중요한가? HTTP/2는 Hypertext Transfer Protocol의 두 번째 주요 버전으로, 웹의 핵심 프로토콜입니다. 이 프로토콜은 웹 브라우저와 웹 서버 간의 통신 방식을 정의합니다. 2015년에 공식적으로 표준화되었으며, 이전 버전인 HTTP/1.1의 한계를 극복하기 위해 설계되었습니다. HTTP/2의 주요 특징 HTTP/2는 다음과 같은 주요 특징을 가지고 있습니다: 다중화(Multiplexing): HTTP/2는 단일 TCP 연결을 통해 여러 요청과 응답 메시지를 동시에 전송할 수 있습니다. 이를 통해 "Head-of-line blocking"이라는 HTTP/1.1의 문제를 해결했습니다. 서버 푸시(Server Push): 이 기능은 서버가 클라이언트의 요청을..
무한 스크롤 컴포넌트 import React, { useState, useEffect, useRef, FC } from "react"; interface Props { fetchData: () => Promise; children: React.ReactNode; } const InfiniteScroll: FC = ({ fetchData, children }) => { const [isLoading, setIsLoading] = useState(true); const loader = useRef(null); useEffect(() => { const observer = new IntersectionObserver( (entries) => { if (entries[0].isIntersecting) { set..
next.js https://dane-itview.tistory.com/entry/Nextjs-datafetch-method Next.js 이 4가지는 뭐가 다를까요? 🤔 getInitialProps / getServerSideProps / getStaticPaths / getStaticProps 여러분, 안녕하세요! Next.js 프레임워크로 멋진 웹사이트를 만들려는 분들을 위해, 제가 오늘 여러분들에게 Next.js에서 사용하는 4가지 데이터 가져오기 기법을 소개해드릴 거예요! 이 글을 통해 dane-itview.tistory.com https://dane-itview.tistory.com/entry/SSR-vs-SSG-Nextjs SSR vs SSG: Next.js의 렌더링 대결! 어떤 것을 택할까..
axios 내부에서 import 구문을 사용해서 생기는 에러로 보인다. babel 설정등을 수정하면 해결될 문제이지만 CRA 특성상 커스텀하는게 더 귀찮다. "test": "react-scripts test --transformIgnorePatterns \"node_modules/(?!axios)/\"", 이런식으로 package.json 에서 test script에 옵션을 추가하면 해결된다. axios 최신 버전에서 생기는 이슈로 보인다. 일반적인 에러가 아니라서 원인을 찾는데 꽤 어려웠음. https://github.com/axios/axios/issues/5101 Jest tests failed after upgrading axios to v1.1.2 · Issue #5101 · axios/axio..
React는 현대 웹 애플리케이션 개발에 널리 사용되는 자바스크립트 라이브러리입니다. 웹 애플리케이션의 성능을 최적화하는 방법 중 하나는 리소스 파일의 크기를 줄이는 것입니다. 이 포스트에서는 React 프로젝트에서 GZIP 압축을 사용하여 성능을 향상시키는 방법에 대해 설명하겠습니다. 왜 GZIP 압축을 사용해야 하는가? 웹 애플리케이션에서 성능 최적화를 위해 GZIP 압축을 사용하면 다음과 같은 이점이 있습니다. 속도 향상: 파일 크기가 줄어들면 웹 브라우저가 빠르게 리소스를 다운로드할 수 있으며, 이로 인해 페이지 로딩 시간이 단축됩니다. 대역폭 절약: 압축된 파일을 전송함으로써 네트워크 대역폭을 절약할 수 있습니다. 이는 특히 모바일 환경에서 중요한 요소입니다. React 프로젝트에서 GZIP 압..
FIRST 원칙 안녕하세요 여러분, 오늘은 소프트웨어 테스트 분야에서 중요한 원칙 중 하나인 FIRST원칙에 대해 알아보도록 하겠습니다. 이 원칙은 테스트 과정을 더 효과적이고 체계적으로 수행할 수 있도록 도와주며, 전반적인 테스트의 품질을 높이는 데 기여합니다. [F]ast [I]solated [R]epeatable [S]elf-validating [T]imely Fast (빠른) 단위 테스트는 빨라야 합니다. 그렇지 않으면 개발 / 배포 시간이 느려지고 통과 또는 실패하는 데 더 오래 걸립니다. 일반적으로 복잡한 시스템에는 수천 개의 단위 테스트가 있습니다. 예를 들어 2000개의 단위 테스트가 있습니다. 평균 단위 테스트를 실행하는 데 200밀리초가 걸리는 경우(빠른 것으로 간주됨) 전체 제품군을..
