Sign in

dev

it dev nextjs hydration

어쩔 수 없는 hydration mismatch를 useEffect없이 해결하기

이 데이터들은 서버에서 값을 알 수 없으므로, 클라이언트에서 데이터를 처리해야 한다. 만약 이 내용을 서버에서 바로 처리하려고 하면, 서버의 결과와 클라이언트의 결과가 달라질 수 있다. 즉, hydration mismatch가 날 수 있다. 다만 이 방법도 한계가 존재한다. 텍스트 대상으로만 가능하다는 점이다. 만약, nested 된 dom 구조에…
wono | discuss |
it dev flutter ndk

Flutter Android 앱 개발시 NDK 버전 불일치 해결 방법

출처 : https://2un-light.tistory.com/90 [Flutter] 플러그인 NDK 버전 불일치 문제 해결📢 문제 상황 현재 사용하는 Android NDK 버전은 26.3.11579264 인데, flutter_native_splash 플러그인을 사용하려는 과정에서 해당 플러그인은 NDK 버전 27.0.12077973 버전을 요구해서 생기는 문제이다. 🚫 왜2un-light.tistory.com 현재 기준 NDK : 27.3.13750724 으로 수정 함! 1. Android Studio 에서 NDK 설치 2. app/build.gradle.kts 수정plugins { id("com.android.application") id("kotlin-android") // T..
wono | discuss |
it dev wasi golang

WASI 및 Go 관련 공식 문서/프로젝트

Go WebAssembly 포팅 (WASM/WASI): Go 공식 문서에서 웹 어셈블리 지원에 대한 내용을 찾아보세요. Go는 브라우저 WASM 뿐만 아니라 WASI 타겟도 지원합니다. Go and WebAssembly https://github.com/golang/go/wiki/WebAssembly WASI 공식 리포지토리: WASI 표준에 대한 자세한 정보. WebAssembly System Interface (WASI) https://github.com/WebAssembly/WASI Wasmtime (WASI 런타임): Go로 작성된 웹 어셈블리 모듈을 실행할 수 있는 WASI 런타임입니다. Wasmtime Website https://wasmtime.dev/ Wasmer (WASI 런타임): 또 다른 인기 있는 WASI 런타임. Go SDK를 제공할 수 있습니다. Wasmer Website https://wasmer.io/ WasmEdge (WASI 런타임): 특히 엣지 컴퓨팅 및 서버리스 환경에 초점을 맞춘 런타임입니다. HTTP 서버 기능을 내장할 수 있어 백엔드 서비스에 적합할 수 있습니다. WasmEdge Website https://wasmedge.org/ Fermyon (WASI 기반 서버리스 플랫폼): WASI와 Go 등을 사용하여 서버리스 애플리케이션을 구축하는 예제를 제공합니다. Spin 프레임워크를 사용합니다. Fermyon Technologies (특히 Spin 프레임워크 문서 확인) https://www.fermyon.com/
wono | discuss |
it dev js web

과도한 JavaScript 중심 개발, 웹을 망가뜨리다 | GeekNews

요약 개요과도한 JavaScript 중심 개발, 웹을 망가뜨리다JS 프레임워크 남용으로 웹사이트 복잡성 심화개발자 경험(DX)이 사용자 경험(UX)을 압도단순한 작업에도 과도한 구조 요구성능·접근성·유지보수성 모두 저하웹 본연의 기능 회복이 해법서론개발 중심 웹의 병폐대부분의 웹사이트는 지나치게 복잡하고 느림JS 중심 설계로 사용자보다는 개발자 중심 구조로
wono | discuss |
it dev nextjs shadcnui csv

[Next.js] 리엑트 테이블 CSV 저장 구현(feat. Shadcn)

개요Shadcn의 Data Table에서 불러온 데이터를 CSV로 저장하는 기능이 필요하여 적용해보았다. export-to-csv 모듈을 설치하고 Shadcn Data Table 모듈에 버튼을 추가하여 커스텀한 페이지를 작성해 보았다. 설치다음의 모듈을 설치하고 다음의 함수를 사용한다.npm install export-to-csv --saveimport { mkConfig, generateCsv, download } from 'export-to-csv' 본문(Shadcn 커스텀)Shadcn Data Table에 CSV 다운 버튼을 적용한 파일이다.ProjectPage.tsx"use client";import * as React from "react";import { useEffect, useState }..
wono | discuss |