유령이 나오는 젤리하우스

공략

라이브러리 만들어서 회사 홍보하기

https://github.com/daimresearch/sb-addon-permutation-table GitHub - daimresearch/sb-addon-permutation-table: A storybook addon presenting component with table A storybook addon presenting component with table. Contribute to daimresearch/sb-addon-permutation-table development by creating an account on GitHub. github.com 오픈 소스 활동은 언제나 매력적입니다. 개발자에게 꼭 필요한 협업 능력을 기를 수 있고, 다른 개발자들의 코드를 보면서 지식 수준까지 높일..

STO 번역

해쉬 라우터와 브라우저 라우터의 차이점은 뭔가요?

원문 https://stackoverflow.com/questions/51974369/what-is-the-difference-between-hashrouter-and-browserrouter-in-react What is the difference between HashRouter and BrowserRouter in React? I am new to programming which makes things slightly difficult for me to understand if I read the official docs. I was reading about React Router 4 from here In this article, the author was talking ... stackoverf..

STO 번역

웹소켓과 일반 소켓의 차이는 뭔가요?

원문 https://stackoverflow.com/questions/28480575/whats-the-difference-between-websocket-and-plain-socket-communication What's the difference between WebSocket and plain socket communication? According to the Wikipedia, the only relationship between HTTP and WebSocket is an extra handshake in the form of a Upgrade HTTP request. And after that, it seems the browser and HTTP server will j... stackov..

STO 번역

npx와 npm의 차이는 뭔가요?

원문 https://stackoverflow.com/questions/50605219/difference-between-npx-and-npm?answertab=scoredesc#tab-top Difference between npx and npm? I have just started learning React, and Facebook helps in simplifying the initial setup by providing the following ready-made project. If I have to install the skeleton project I have to type npx stackoverflow.com 번역 ⛳ 질문 작성일 2018-05-30 추천수 903 저는 이제 막 리액트를 막..

STO 번역

타입스크립트 : 커스텀 타입을 체크하는 방법

원문 https://stackoverflow.com/questions/51528780/typescript-check-typeof-against-custom-type Typescript: Check "typeof" against custom type I have a custom type, let's say export type Fruit = "apple" | "banana" | "grape"; I would like to determine if a string is part of the Fruit type. How can I accomplish this? The following doesn't stackoverflow.com 번역 ⛳ 질문 저는 아래와 같은 커스텀 타입을 만들었습니다 export type ..

STO 번역

Prettier를 vscode extension으로 사용할 때와 npm 패키지로 사용할 때의 차이점?

원문 https://stackoverflow.com/questions/61925900/what-is-the-difference-between-installing-prettier-as-a-npm-package-and-installi what is the difference between installing prettier as a NPM package and installing prettier extension in VS Code I'm new to web programming and I learned that we can type npm i -D prettier to install prettier as one of the devDependency and use it to format our code. T..

웹/React

[Next.js] Data Fetching의 방법들

한 줄 요약 Next.js는 4가지의 Data Fetching을 제공한다. 1. SSR 2. CSR 3. SSG 4. ISR 1. SSR SSR. (Server Side Render)는 말 그대로 서버에서 데이터를 패칭하여 화면을 그린다는 뜻이다. 서버 측에서 화면을 준비할 수 있다는 것은 React와 차별되는 Next만의 큰 장점인 만큼, 공식화된 방법을 통하여서만 수행할 수 있다. 이때 사용하는 함수가 getServerSideProps이다. export async function getServerSideProps() { return { props: { randoms: Math.round(Math.random() * 100) }, }; } export default function Home({ rand..

TIL

[예전 글 다시쓰기] .d.ts 파일이란?

과거에 썼던 글 https://spookyjelly.tistory.com/39 을 다시 쓴 글입니다. 0. 들어가는 말 약 1년 전에 d.ts 파일에 관해 글을 적었는데, 지금 와서 다시 읽어보니 글의 깊이가 없고 거의 위키 글을 복붙한 수준이라 다시 한번 작성합니다. 놀랍게도 저 글이 지금 제 블로그 인기 글 중 하나라는 건데, 계속 방치 해두고 있다가는 블로그의 신용을 마구 깍아 먹을 것 같습니다. 제대로 된 지식을 공유하고자 하는 목적과 블로그의 신용 회복이라는 두 마리 토끼를 잡기 위해 .d.ts 파일에 대한 지식이 어느 정도 쌓인 지금, 다시 한 번 .d.ts 파일에 대한 글을 써보려고 합니다. 1. d.ts 파일이 필요한 이유 .d.ts 파일은 JS 모듈을 TS에서도 사용할 수 있도록 타입만을..