react4 React-Three-Fiber 애니메이션 컨트롤 시작하기React Three Fiber 라이브러리로 오브젝트에 애니메이션을 부여하여 AboutMe 페이지를 실감나게 바꿔볼 계획을 세우고 있었다. 페이지가 로딩되면 우주비행사가 걸어들어오고 인사를 건내며 특정 질문에 대하여 특정 제스쳐를 표시하는 것이다. 하지만 우선 문제가 있다. 먼저 Blender에 어떻게 여러가지 동작을 한꺼번에 넣을 수 있을지와 해당 동작들을 어떻게 가져와서 사용할지, 그리고 추가적으로 자연스러운 그림자 옵션을 어떻게 넣을 수 있는지에 대해서였다. 생각보다 애니메이션 컨트롤을 하기 위해서 준비해야 할 것들이 너무 많았다. 차근차근먼저, 모델이 사용하고자 하는 Mixamo 애니메이션을 넣자해당 모델을 화면에 띄워보자띄운 모델을 직접 제어해보자 Blender 사용하기https://co.. 2025. 3. 1. React Native -2 Layout 시스템 알아보기React 웹과 React Native의 레이아웃은 거의 유사하게 동작하지만 분명하게 차이점이 존재한다. 가장 대표적인 예시로는 'display:flex'가 있다. 웹에서는 Flex Direction을 설정하기 위해서는 기본적으로 display를 flex로 설정한 뒤에 해당 row, 혹은 column을 세팅할 수 있지만, React native에서는 별도의 display 설정 없이 flex direction을 곧바로 선언할 수 있다는 것이 큰 특징이다. 기본적으로 React native의 View는 Flex Container라고 생각해두면 좋다. /app 폴더 하위 index.tsx를 수정해보자export default function HomeScreen() { return (.. 2025. 2. 12. React Native 스터디 -1 시작하기대세가 모바일 개발이라는 것은 스마트폰의 등장 시절부터 이야기된 부분이기도 하지만, 최근 여러 공고들을 보면서 확실히 프론트엔드 개발자 자격 요건 중에 React-native를 다룰 수 있는 요건이 많이 보이고 있었다. 아무래도 React를 사용하던 개발자에게 있어서 React native의 접근성이 좋다 보니 둘 다 할 수 있는 개발자를 많이 찾는 듯 했다. Next14도 다루고 있는데 React Native까지 해야 할 판이었지만, 그래도 같은 React 파생 상품(?)이라서 다행일 따름이었다. React로 웹개발도 하고 VR도 만들고 AR도 만들더니 모바일 앱도 만들 수 있다. React는 만능이었다. 뉴비를 위한 무료 React Native 찍먹 강의오래 전부터 이런 새로운 기술들은 Nom.. 2025. 2. 10. 기술 면접 준비 - React (5) 完 라이브러리와 프레임워크의 차이라이브러리는 특정 목적을 수행하기 위해 개발됨. 제어권이 개발자에게 있음프레임워크는 건축 설계도를 그릴 수 있는 도구와 같은 목적으로 개발됨. 제어권이 개발자에게 있지 않으며, 프레임워크의 규칙을 따라야 함.리액트를 선언형 프로그래밍이라 하는 이유는? 프로그래밍 패러다임에 대해(선언형 vs 명령형)프로그래밍 패러다임은 프로그래머에게 프로그래밍의 관점을 갖게 하고 코드를 어떻게 작성할 지 결정하는 역할을 한다. 새로운 프로그래밍 패러다임을 통해서 새로운 방식으로 생각하는 법을velog.io 선언형어떤 로직으로 어떻게 코드를 짜야 페이지가 그려질 수 있는지에 대하여 생각하기 보다, 컴포넌트나 데이터의 배치를 통해 무엇이 렌더링될지에 대해 고려하는 것이 선언형 ui의 특징이다. R.. 2024. 6. 29. 이전 1 다음 728x90 반응형
