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 |