seungha-kim

WebAssembly가 드러내는 C++와 Rust의 본질

( 🤖 Generated with Claude )

C++와 Rust가 WebAssembly 지원을 추가했을 때, 그들은 단순히 컴파일 타겟을 만든 것이 아니라 프로그래밍 언어가 어떻게 진화해야 하는지에 대한 근본적으로 다른 철학을 드러냈습니다. Rust는 12개월(2018년) 만에 완전하고 조율된 WebAssembly 생태계를 제공한 반면, C++는 10년(2010-2020년)에 걸쳐 점진적으로 진화했습니다. 이러한 타임라인은 우연이 아닙니다. 이는 무엇이 만들어졌는지뿐만 아니라 어떻게 결정이 내려졌고 누가 참여할 수 있었는지를 형성한 거버넌스, 커뮤니티 문화, 가치관의 심오한 차이를 반영합니다.

이 비교는 더 큰 이야기를 조명합니다: Rust는 빠른 반복과 접근성에 최적화된 현대적이고 커뮤니티 우선의 소프트웨어 개발을 보여주는 반면, C++는 철저함과 안정성을 우선시하는 전통적이고 전문가 중심의 표준화를 보여줍니다. 어느 접근법도 우월하지 않습니다 - 이들은 서로 다른 필요를 충족시키는 다른 트레이드오프를 나타냅니다. 그러나 WebAssembly 채택은 이러한 철학적 차이가 구체적인 기술적 결정으로 어떻게 나타나는지를 보여주는 드문 자연 실험을 제공합니다.

Rust의 조율된 스프린트 대 C++의 진화론적 마라톤

Please consider using http://lygia.xyz instead of copy/pasting this functions. It expand suport for voronoi, voronoise, fbm, noise, worley, noise, derivatives and much more, through simple file dependencies. Take a look to https://github.com/patriciogonzalezvivo/lygia/tree/main/generative

Generic 1,2,3 Noise

float rand(float n){return fract(sin(n) * 43758.5453123);}

float noise(float p){
	float fl = floor(p);
  float fc = fract(p);

`svg`

svg 태그를 사용해서 SVG 문서를 HTML 문서 내에 삽입할 수 있다.

SVG는 Scalable Vector Graphic 의 약자로, 마크업 언어로 편하게 벡터 그래픽을 그릴 수 있게 해주는 포맷. XML 문서 포맷이 정의되어 있으나, 덜 엄격한 포맷인 HTML 안에 문제없이 삽입할 수 있다.

SVG 문서는 좌표계를...블라블라

`width`, `height` 로 크기 바꾸기

(원문: https://developers.google.com/web/updates/2019/03/kv-storage#browser-support)

(현재 일부만 번역된 상태입니다.)

KV Storage: 첫 번째 내장 모듈

브라우저 제조사들과 웹 성능 전문가들은 근래에 localStorage의 느린 속도를 대체할 무언가가 필요하다, 웹 개발자들은 이것을 더 이상 사용하지 않는 것이 좋다고 지적해왔습니다.

이 말은 틀리지 않았습니다. localStorage는 메인 스레드를 멈추게 만드는 동기적(synchronous) API를 갖고 있으며, 여기에 접근함으로써 웹 페이지가 멈추는 현상을 겪게될 수 있습니다.

ESLint

널리 사용되는 JavaScript linter로, 코드의 품질 - 잠재적 버그, 코딩 스타일 상 문제 - 을 검사해주는 도구.

공식 사이트 링크

Prettier

널리 사용되는 code formatter. 즉, 코드를 보기 좋고 일관적인 형태로 변환해주는 도구.

	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 {

	#import "MyOpenGLView.h"
	#import <GLES2/gl2.h>
	#import <GLES2/gl2ext.h>
	#import <EGL/egl.h>

	const GLchar vertexShaderSource[] =
	"attribute vec3 aPosition;\n"
	"void main() {\n"
	" gl_Position = vec4(aPosition, 1.0);\n"
	"}\n";

	class Person {
	name: string
	age: number

	constructor(name: string, age: number) {
	this.name = name
	this.age = age
	}
	}

	jest.mock('react-dom');

	import React from 'react';
	import { createPortal } from 'react-dom';
	import renderer from 'react-test-renderer';
	import ShallowRenderer from 'react-test-renderer/shallow';
	import ReactDOM from 'react-dom';

	class Drop extends React.Component {
	constructor(props) {