2025/03/12 6

2025.03.08

09:00 취침 13:00 기상 갖고싶었던 통판 좌탁이 오늘 도착했다.다리도 나무로 짜고 싶었는데 날짜를 맞추려면 다리까지는 무리라 일단 이렇게 쓰고, 후일에 다리까지 나무로 맞추기로 했다.두께 좋고~ 느티 색 좋고 ~나무 모양 일부러 다 살려달라고 부탁드림옹이 굳 ㅠㅠ갈라지는 부분 마감최소한으로 해서 거칠지는 않지만 나뭇결이 살아있다.. 넘 예뽀 지금은 상대적으로 매끈하지 않은 부분을 소파쪽으로 돌려놓고 재미보고있다 ^ㅇ^ㅋ 14시에 친구들 옴 남포쪽에 쭈꾸미 맛있는 집이 있다고 해서 연포탕이랑 볶음이랑 생물해서 어제 사왔다아홉시간동안 위스키 소주 맥주에 절여져버림..밤이 될수록 사진은 없다.친구들 또 만나니까 좋더라 주꾸미 샤브샤브 맛있었음양평술국 맛좋았다.감자튀김이랑 요아정 (ㄷㅇ이가 준 그 요아정..

2025/미정 2025.03.12

Component

Component 리액트(React)에서 UI를 구성하는 기본 단위→ 레고 블록처럼, 여러 개의 작은 컴포넌트를 조합하여 복잡한 UI를 만들 수 있음→ 컴포넌트는 재사용 가능해야 함 (한 번 만든 컴포넌트는 다양한 곳에서 반복적으로 사용할 수 있어야 함) 재사용성 : 동일한 UI 요소를 여러 곳에서 사용할 수 있어 코드 중복을 줄임유지보수 용이 : 코드가 잘 조직되어 있어 변경 및 수정 용이가독성 증가 : 역할별로 컴포너트를 분리하면 전체 코드의 가독성이 높아짐  컴포넌트의 유형 함수형 컴포넌트 (Functional Component)ES6 함수 형태로 작성되며, 간결하고 가독성이 좋음React Hooks(useState, useEffect 등)를 사용하여 상태 및 생명주기 기능을 관리 가능최근 리액트 ..

2025.03.07

LeetCode라는 곳에 가입해서 SQL문제를 풀게 됐다. K-start up에두 가입함회귀모델에 대해서 공부했다.07:30 취침 09:00 기상이브랑 쿠키는 보일러가 돌아가는 길목을 기가막히게 찾아서 눕는다.샤워ㅇ 요가x 물 한 컵 마심 내일 드디어 쭈꾸미 파티 날이라 부랴부랴 파티 초대장을 완성해서 친구들에게 보냈다. 노래도 나오고 공유버튼을 눌러서 URL을 SNS혹은 문자로 공유도 된다. 귀엽다.

2025/미정 2025.03.12

Event Handling

이벤트 처리 (Event Handling) 사용자의 상호작용(클릭, 입력, 제출 등)을 감지하고 처리하는 방식 대표적인 이벤트 핸들러onClick : 버튼 클릭 이벤트onChange : 입력 필드 값 변경 이벤트onSubmit : 폼 제출 이벤트*React에서 이벤트는 CamelCase(onClick, onChange, onSubmit)로 사용 이벤트 핸들링 예:버튼 클릭 시 값이 추가됨입력 필드 값 변경 감지 후 업데이트 입력 필드 값 변경 감지import { useState } from "react";function TodoInput() { const [task, setTask] = useState(""); const handleOnChange = (e) => { setTask(e.targe..

2025.03.06

행복  04:40취침 08:50 기상 머신러닝이랑 r3f로 채운 하루요새 친구에게 git과 github에 대해서 알려주고 있다. 6개로 구성된 특강이 각각 3시간으로 짜여져 있는데, 두 번을 들었는데도 이해가 안된다고 했다. 이제는 git과 github의 차이도 알고 git의 메커니즘도 안다. 짱짱 멋지다. 오빠야가 순두부찌개 해줬다. 따끈 ~~~ 하니 맛있었다. 오랜만에 밥을 두공기 먹었다.요새 춥다. 피부에 쪼끔씩 무언가가 올라온다. 요새 매일매일 팩도 해주는데 ㅠ ㅠ아침에 일어나면 꼭 네일아트를 하고싶다. 세달 만이다.ㄴ샤워 ㄴ요가 물 한컵 원샷 !

2025/미정 2025.03.12

State

State React에서의 State 컴포넌트의 상태컴포넌트가 가지고 있는 데이터나 조건을 나타냄예:Todo List에서의 할 일 목록 == 컴포넌트의 상태→ 사용자가 할 일을 추가하거나 삭제하면 상태가 변경, 이에 따라 UI가 업데이트됨 useState Hook을 사용한 상태 관리 상태 값을 정의하고, 이를 업데이트하는 함수도 함께 제공해야 함 (상태 정의, 변경)const [state, setState] = useState(initialValue);state: 현재 상태 값setState: 상태를 변경하는 함수initialValue: 초기 상태 값상태 값을 변경하면 React가 자동으로 해당 컴포넌트를 다시 렌더링 하여 UI를 업데이트함 State 업데이트 방법 새로운 값을 바로 설정 setState..

728x90