전체 글

작성자가 자바스크립트를 써와서 타입스크립트에 대해 미숙하여 타입스크립트에 미흡한 부분이 포함되어 있습니다. 📄 fiber / drei리액트에서 three.js를 좀 더 편하게 사용하기 위해 사용하는 라이브러리 입니다. 작성자는 이 두개를 사용하여 게시글을 작성해보겠습니다. 🙂 https://docs.pmnd.rs/react-three-fiber/getting-started/introduction React Three Fiber DocumentationReact-three-fiber is a React renderer for three.jsdocs.pmnd.rs https://github.com/pmndrs/drei GitHub - pmndrs/drei: 🥉 useful helpers for reac..

참고 사이트∙ seongminn님의 벨로그  현재 작성자는 그래픽 기반의 솔루션 회사에 재직중입니다.threejs에 대해 공부중이라 완벽한 내용은 아니게 될지는 모르겠으나, 잘못된 내용이 기재되어 있을 경우 따끔한 피드백 주시면 겸허히 받아들이고 수정하겠습니다. 📦 three.jsthree.js란, 웹페이지에 3D 객체를 쉽게 렌더링 할 수 있도록 도와주는 3D 라이브러리이다.WebGL 기술을 기반으로 렌더링과 카메라, 조명 등의 3D 프로그래밍 기술을 간단하게 사용할 수 있도록 한다. https://threejs.org/ Three.js – JavaScript 3D Library threejs.org 🖋️ WebGL인터넷 브라우저 환경에서 OpenGL을 플러그인 도움 없이 공식적으로 사용할 수 있도..

참고사이트• wikidocs의 C++프로그래밍 🖨️ cout (출력)프로그래밍 언어마다 다양한 출력이 존재한다.print, printf, system.out.print 등등. C++에서는 표준 헤더 파일에서 cout을 사용한다. #include int main(){ std::cout  endl(end-line) 은 라인이 끝났음을 알리고 줄바꿈을 한다.  Hello World!Press any key to close this window . . . ⌨️ cin (입력)c++에서는 cin을 사용하여 입력이 이루어진다.#include //using namespace std;int main(){ std::string word; std::cout > word; // 버퍼 지우기 std::cin.ignore(..

참고사이트 • 리액트 공식 문서 - Custom Hook ⚙️ Custom Hook 앞서 게시글에서 다양한 Hook을 사용해왔다. React에는 useState, useContext, useEffect와 같은 여러 내장 Hook이 함께 제공된다. 데이터를 가져오거나, 사용자가 온라인 상태인지 추적하거나 채팅방에 연결하는 등 좀 더 구체적인 목적을 위해 Hook이 있었으면 하는 경우가 있다. React에서 이러한 Hook을 모두 지원할 수 없다. 그래서 어플리케이션 요구사항에 맞게 직접 자신만의 Hook을 만들 수 있다. 🧐 왜 사용할까? 재사용성이 높아 코드가 간결해진다. 내장 Hook을 사용할 수 있다. 독립적으로 동작한다. 📡 구성요소 간 논리 공유 네트워크에 크게 의존하는 앱이 있다고 상상해보자. ..

참고사이트 ∙ 코딩애플의 flutter-basic-layout-design 내가 좋아하는 개발자 유튜버 🐜 Scaffold 우리가 쓰는 앱의 디자인은 크게 상단, 중단, 하단부로 이루어져있다. 이걸 쉽게 구성하고 싶으면 Scaffold() 위젯을 사용하면 된다. 👷🏻 구조 MaterialApp( home: Scaffold( appBar: // 상단에 넣을 위젯, body:// 중단에 넣을 위젯, bottomNavigationBar:// 하단에 넣을 위젯, ) ); Scaffold() 위젯은 3개의 파라미터(appBar, body, bottomNavigationBar)를 통해 상/중/하로 나뉘게 해준다. appBar(상단), bottomNavigationBar(하단)은 필수가 아니고 body(중단)은 필수..

참고사이트 ∙ deku님의 포스트리 🔩 Widget Flutter는 화면은 위젯에서 시작해서 위젯으로 끝난다. widget이란 Flutter에서 화면에 표시된 모든 요소가 위젯이며, 눈에 보이지 않지만 화면을 구성하는 레이아웃(Layout) 또한 위젯이다. 플러터의 위젯은 크게 2가지가 존재한다. 😶 Stateless Widget 값은 가지고 있을 수 있으나 어떠한 동작을 하더라도 변하지 않는 위젯을 나타낸다. 해당 위젯은 Flutter에 StatelessWidget을 상속받아 생성한다. 🫨 Stateful Widget 어떠한 상태값(데이터)을 가지고 있다가 해당 상태값이 변경되면 변경사항을 인지하고 해당 위젯을 다시 그려준다. (리-렌더링) ex. TextField, Button, 서버로부터 전달받은 ..

참고사이트 • Dart 공식 문서 - 함수 함수 Dart 언어의 함수에 대한 모든 것 dart-ko.dev ⚙️ 함수 Dart는 객체 지향 언어이므로, 함수도 Function이라는 타입을 가지는 객체로 존재합니다. 이건 함수가 변수나 다른 함수의 인자로 전달할 수 있다는 것을 의미한다. Dart 클래스의 인스턴스를 함수인 것 처럼 호출할 수 있다. bool isNoble(int atomicNumber) { return _nobleGases[atomicNumber] != null; } // 타입 추론을 통해 타입을 생략해도 함수는 제대로 작동함 // isNobel(atomicNumber) { // return _nobleGases[atomicNumber] != null; // } 하나의 표현식으로 선언할 ..

참고사이트 • Dart 공식 문서 - 내장 타입 Built-in types Information on the types Dart supports. dart-ko.dev 📦 내장 타입 Dart 언어는 다음과 같은 특수한 내장 타입을 지원한다. Numbers (int, double) String (String) Booleans (bool) Records ((value1, value2)) Lists(List, arrays로도 부른다.) Sets (Set) Maps (Map) Runes (Runes; 때때로 characters API로 대체된다.) Symbols (Symbol) null 값 (Null) 이런 타입들은 리터럴을 사용하여 객체를 생성할 수 있다. 예를 들어, 'this is a string'은 문자..