2. FrontEnd/Next.js

[Next.js] 12와 13,14의 차이

Next를 12버전을 쓰다가 이번에 내 웹사이트를 만들려고 14로 깔았는데, 바뀌었다고만들었지 실제로 설치하고 보니까 폴더구조부터 완전 변해서 다시 공부하고 셋팅을 했다. 이 과정에서 뭐가 바뀌었는지에 대해 작성하려고한다. 우선, Next 14버전을 깔고 초기셋팅한 내 구조와 12버전에 있을때는, pages폴더 안에 파일을 생성하면 거기로 바로 페이지가 만들어져있는것을 확인할 수 있다. 공식Docs를 기반으로 공부하고 정리한 글입니다. 자동 설치 npx create-next-app@latest //아래와 같은 질문들이 나오는데 이거에 사용할 모듈들 선택해서 설치 What is your project named? 앱 이름 Would you like to use TypeScript? No / Yes Woul..

2023. 11. 21. 15:12

2. FrontEnd/Three.js

[Three.js] R3F(React Three Fiber)

R3F와 Three.js와 Next로 내 웹사이트를 만들어볼 예정이다! : ) 히히 내 머리속에 있던(?)거 이쁘게 만들면서 버그들 쌓여갈 예정^^ 행복하겠다 (해탈) (*Three.js는 어느정도 개념을 알고있는상태라 공식독스 보고 거북이처럼 적용하면서 하나하나 해봐야지) React-three-fiber is a React renderer for three.js. React Three Fiber Documentation React-three-fiber is a React renderer for three.js docs.pmnd.rs 리액트의 생태계에 참여할 수 있고, 쉽게 상호작용할 수 있으며, 상태에 따라 반응할 수 있는 재사용 가능한 자체 구성 요소를 사용하여 선언적으로 장면을 구축할 수 있습니다...

2023. 11. 21. 10:01