svg
태그를 사용해서 SVG 문서를 HTML 문서 내에 삽입할 수 있다.
SVG는 Scalable Vector Graphic 의 약자로, 마크업 언어로 편하게 벡터 그래픽을 그릴 수 있게 해주는 포맷. XML 문서 포맷이 정의되어 있으나, 덜 엄격한 포맷인 HTML 안에 문제없이 삽입할 수 있다.
SVG 문서는 좌표계를...블라블라
import * as React from 'react'; | |
const useIsFirstRender = (): boolean => { | |
const isFirst = React.useRef(true); | |
if (isFirst.current) { | |
isFirst.current = false; | |
return true; | |
} else { |
(def ■ '■) | |
(def ▲ '▲) | |
(def ● '●) | |
(first [● ■ ▲]) ; ● | |
(second [● ■ ▲]) ; ■ | |
(nth [● ■ ▲] 2) ; ▲ | |
(rest [● ■ ▲]) ; (■ ▲) | |
(last [● ■ ▲]) ; ▲ | |
(butlast [● ■ ▲]) ; (● ■) |
use std::ptr::{null_mut}; | |
struct Node<T> { | |
value: T, | |
prev_ptr: *mut Node<T>, | |
next_ptr: *mut Node<T>, | |
} | |
impl<T> Node<T> { | |
fn new(value: T) -> Self { |
// pages/_app.js | |
import ReactNativeNextJsScrollRestore from '../react-native-next-scroll-restore' | |
import { useEffect } from 'react' | |
function MyApp({ Component, pageProps }) { | |
useEffect(() => { | |
const unsubscribe = ReactNativeNextJsScrollRestore.initialize() | |
return () => { |
WARNING: Article moved to separate repo to allow users contributions: https://github.com/raysan5/custom_game_engines
A couple of weeks ago I played (and finished) A Plague Tale, a game by Asobo Studio. I was really captivated by the game, not only by the beautiful graphics but also by the story and the locations in the game. I decided to investigate a bit about the game tech and I was surprised to see it was developed with a custom engine by a relatively small studio. I know there are some companies using custom engines but it's very difficult to find a detailed market study with that kind of information curated and updated. So this article.
Nowadays lots of companies choose engines like [Unreal](https:
const MY_DOMAIN = "agodrich.com" | |
const START_PAGE = "https://www.notion.so/gatsby-starter-notion-2c5e3d685aa341088d4cd8daca52fcc2" | |
const DISQUS_SHORTNAME = "agodrich" | |
addEventListener('fetch', event => { | |
event.respondWith(fetchAndApply(event.request)) | |
}) | |
const corsHeaders = { | |
"Access-Control-Allow-Origin": "*", |
I've been deceiving you all. I had you believe that Svelte was a UI framework — unlike React and Vue etc, because it shifts work out of the client and into the compiler, but a framework nonetheless.
But that's not exactly accurate. In my defense, I didn't realise it myself until very recently. But with Svelte 3 around the corner, it's time to come clean about what Svelte really is.
Svelte is a language.
Specifically, Svelte is an attempt to answer a question that many people have asked, and a few have answered: what would it look like if we had a language for describing reactive user interfaces?
A few projects that have answered this question:
Note:
When this guide is more complete, the plan is to move it into Prepack documentation.
For now I put it out as a gist to gather initial feedback.
If you're building JavaScript apps, you might already be familiar with some tools that compile JavaScript code to equivalent JavaScript code:
/* ******************************************************************************************* | |
* GLOBAL CONFIG | |
* Vue.config is an object containing Vue’s global configurations. | |
* You can modify its properties listed below before bootstrapping your application. | |
* https://vuejs.org/v2/api/#Global-Config | |
* ******************************************************************************************* */ | |
// Configure whether to allow vue-devtools inspection | |
Vue.config.devtools = true |