글
총 44개의 글
three.js - WebGPURenderer 세팅
three.js 의 기본 구성요소를 알아보고 WebGPURenderer를 세팅한다.
three.js - WebGPU 에 대한 Three.js 추상화
WebGPU가 무엇인지, 장점과 단점, 그리고 추상화에 대해 알아본다.
React Native: 웹앱 만들기 일지(2) - 웹과 앱의 통신
앱 내부에 web을 띄워주는 것이기 때문에 앱과 웹이 서로 통신하는 것이 되게 중요합니다. 서로 통신하는 법을 알아봅시다. 웹 - 앱 웹 코드 //Next.js 코드 export default function PostMessageWebToAppP
React Native: 웹앱 만들기 일지(1) - Webview, Netinfo
하이브리드 앱을 만들어서 생산성을 높여봅시다
Swift: Create, update and delete data
전체 흐름 1. 디테일 뷰 만들기 (@Bindable로 편집 가능한 뷰) ↓ 2. 네비게이션 연결 (목록 → 디테일) ↓ 3. 데이터 추가 (toolbar + addFriend/addMovie) ↓ 4.
Swift: 스위프트에서 데이터를 다루는 방법(1)
1. TabView 앱에서 여러 화면을 탭으로 전환할 때 쓰는 컨테이너 뷰. 각 Tab은 탭 바에 표시될 이름과 아이콘, 그리고 해당 탭을 눌렀을 때 보여줄 뷰로 구성된다. 탭 개수만큼 하단 탭 바가 자동으로 만들어진다. TabView { Ta
Swift: SwiftData 기초 사용법
1. @Model 매크로 @Model은 SwiftData가 제공하는 매크로로, 일반 Swift class를 SwiftData가 관리하는 영구 저장 모델로 변환해준다. 매크로는 겉으로 보이지 않는 코드를 자동으로 추가해주는 기능이다. 반드시 class여야 하
React Native : 날짜 표현하기 (day.js)
자바스크립트 new Date() 는 형태 변환이 어렵기 때문에 day.js 를 사용하면 편하다. day.js 사용법 npm install dayjs 로 설치한 후, import dayjs from "dayjs"; dayjs(날짜).f
4. React Native: 무한스크롤 구현
모바일 어플리케이션에서는 무한스크롤을 구현해야 하는 경우가 꽤 있다. 단순히 컴포넌트를 Map 함수를 통해 렌더링 해주어도 되겠으나, 데이터의 수가 불확실하다던가, 너무 많다면 한 번에 렌더링하는 것은 비효율적이고 성능에 치명적일 수 있기 때문에 FlatLis
3. React.js : React Hook Form
리액트에서 폼을 관리하는 법 특정 앱을 제작하다보면 form 을 통해 사용자 입력을 받아야 하는 경우가 잦다. 간단한 로그인, 회원가입 부터 글, 댓글, 사용자 정보, 구매 등 사실 전부 form 을 사용한다. 리액트에서는 보통 폼을 관리할 때 useSt