if(life){code();}

React App 생성npx create-react-app 앱이름npx(Node Package eXecute)설치 없이 패키지 실행최신 버전 실행로컬 설치된 패키지 실행일회성 스크립트 실행특정 패키지를 글로벌 설치 없이 한 번만 실해하고 삭제→ 전역 설치 없이 최신 버전으로 프로젝트 생성  애플리케이션 실행cd 앱이름만든 프로젝트 폴더로 이동 (changediretory 앱이름)npm startReact App 시작 (Node Package Manager start)  CRA

React 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 JavaScript를 사용하여 웹사이트의 UI(User Interface)를 구성하는 라이브러리→ 우리가 보는 버튼, 메뉴 등과 같은 요소를 쉽게 만들고 관리할 수 있도록 도와줌 페이스북에서 개발하여 오픈 소스로 공개됨  선언적 UI 라이브러리 선언적(Declarative) 프로그래밍 방식을 따름→ "어떻게(How)" 동작하는지보다 "무엇(What)"을 해야 하는지에 집중 예:특정 버튼을 클릭하면 화면이 어떻게 변해야 하는지를 선언적으로 작성하면, 내부적인 렌더링 과정은 React가 자동으로 처리함→ 코드의 가독성을 높이고 유지보수를 쉽게 할 수 있음 컴포넌트 기반 (Component-Based) UI를 컴포넌트(Component)..

10:30 취침 16:30 기상요새 알리익스프레스에 다시 빠졌다. ♥︎저녁에 오빠야가 김치찜해줬다.오늘은 수빈이 몸살기이슈 ㅠㅠ너무 늦게 자고 늦게 일어난다.샤워했다. 요가는 안했다. 물 반컵 마셨다.이브가 방문 열라고 말한다. 방에 들어와서 잠잔다. 그리고 쿠키는 노크한다. 아맞다 어제 OpenAI API로 동화책 집필 서비스만들었다. 키워드를 입력하면 동화그림과 함께 책을 써주는데, '수빈'이라고 입력했더니 하필 고양이와 함께 나오는 동화를 써줬다. 고양이 이름은 루나다.

Interaction (Event) in R3F  3D 인터랙티브 이벤트 처리하기 인터랙티브 이벤트 : 사용자의 이벤트를 수신하는 방법 R3F는 컴포넌트의 콜백함수를 통해서 3D 객체와 상호작용을 추가하여 인터랙티브한 웹 경험을 구현 인터렉션(Interaction)사용자가 3D 객체와 상호 작용하는 방식클릭드래그스크롤키보드 입력Events and Interation Events and Interaction - React Three FiberLet's make our meshes react to user input.r3f.docs.pmnd.rs  @react-spring/three 설치npm install three @react-spring/three @react-spring/three@9.7.5 Reac..

행복하다오빠야가 퇴근하면서 삼겹살을 짱짱 많이 사옴저녁에 삼겹살 구워먹었다.이브는 간하지 않은 삼겹살을 먹는다. 쿠키는 아주 아기때는 양고기도 먹고 돼지고기도 먹고 회도 먹고 그랬는데 지금은 고양이용만 먹는다. 10:00 취침 12:50 기상미니 냉장고를 들였다.내 방에 예쁜 냉장고가 생겼다. 집이 조금 넓어지니까 방 밖으로 나가기 귀찮아서 냉장고를 방에 둬버렸다.하이얼 아쿠아 미니냉장고 우유색인데, 로고가 냉동칸 문짝에 로고가 마음에 안들어서 뜯어내버렸다.지금은 뮤지컬 관극가서 사왔던 마그넷 두개를 붙여놨는데 하데스타운 보러갔을 때는 왜 마그넷을 안샀는지 모르겠다. 아무튼 냉장고 꾸미기 할 생각에 설렌다.물 반컵 마심요가는 안했다. 샤워도 안했다.잠을 늦게 잤다.시간개념이 자꾸만 사라진다.하고싶은것도 ..

로지스틱 회귀 종속 변수가 이진형(0 또는 1)일 때 사용하는 회귀 분석 기법 결과값을 0과 1 사이의 확률 값으로 변환하기 위해 시그모이드 함수(Sigmoid Function) 사용회귀라는 이름을 가지지만 실제 사용 목적은 분류 *시그모이드 함수(Sigmoid Function)입력값을 0과 1 사이의 확률 값으로 변환하는 함수-z)">σ(z) = ½ / (1 + e-z) 여기서 𝒛는 선형 회귀 방정식으로 표현됨:0 + β1x1 + β2x2 + ... + βnxn">z = β0 + β1x1 + β2x2 + ... + βnxn 데이터로부터 특정 클래스에 속할 확률을 예측예시 :- 유방암 데이터 : 환자가 암에 걸릴 확률 예측- 타이타닉 데이터 : 승객이 생존할 확률 예측 *비용..

행복해 ~~~~ 뭔가 했는데 안한 듯한 그런 날이다.07:30 취침 11:00 기상어디 한 곳에 제대로 집중하지 못한 날.3월 첫날이 됐다.아디다스 유로파 져지에 꽂혔다.친구들이랑 이야기를 많이 했다.3월을 맞이해서 회고목록을 새로 작성해봄....샤워는 했고 요가는 안했다.요새는 1일 1팩을 실천중이다.오빠는 몸이 으슬으슬 춥다. 몸살이다.뜨끈한 마라탕을 먹었다.맵지 않았다.

Camera 조작 3D 공간에서 카메라의 위치(position)와 시점(lookAt) 조절의 의미 : 사용자의 시각적 경험 결정  Leva를 활용한 카메라 조작 Leva 라이브러리의 useControls를 사용한 카메라 조작npm i leva  useControls를 이용해 카메라의 Z축 위치와 Y축 시점을 조절할 수 있는 슬라이더 생성import { useControls } from "leva";import { useThree } from "@react-three/fiber";const Elements = () => { const { camera } = useThree(); const dirLight = useRef(null); useHelper(dirLight, THREE.DirectionalL..

수빈이 먼저 생각하기수빈이 지금 행복하나?쿠키 이브 생각하기1번을 충족했다면 거기서 머무르지 말고 2번으로 꼭 넘어와라. 당장 하고 싶은 거 한다고 2번으로 넘어오지 않는다면 결국 미안함과 자책에 1번을 불충족시킨다.수빈이를 좋아하는 사람들과 수빈이가 좋아하는 사람들을 생각하기샤워를 하려고 노력하자아침부터 "이것만 하고", "저것만 하고"를 반복하다 지쳐서 잠들 때까지 샤워를 미루지 않도록 노력해라.수빈이는 컨디션이 좋은 날에 샤워를 하는데, 샤워를 습관화해서 샤워만 하면 기분이 좋아질 수 있도록 수빈이를 속여보자!하지만 샤워때문에 스트레스받지 않기자라.잠이오는지 생각해라. 잠이 온다고 생각이 들면 의심하지 마라. 혹시, 나도 모르게 잠들 때까지 잠 오는 걸 확인하는 것을 잊었다면, 또 수빈이가 자고 있..

Light & Shadow React Three Fiber(R3F)에서 빛과 그림자는 3D 장면을 보다 현실감 있게 만드는 요소 빛이 없다면 아무것도 보이지 않으며, 그림자가 없다면 입체감이 부족하게 보일 수 있음현실 세계를 가상으로 모방하는 3D 그래픽에서는 빛과 그림자의 효과를 적절하게 조절하는 것이 필수적  빛(Light)ambientLight : 장면 전체를 균일하게 밝게 비춤pointLight : 특정 위치에서 전 방향으로 빛을 방출spotLight : 특정 위치에서 원뿔 형태로 빛을 쏨directionalLight : 태양광처럼 특정 방향에서 평행하게 빛을 쏨 ambientLight (전체적인 밝기 조절)  directionalLight (태양광과 같은 평행한 빛)  빛의 위치 조절positi..