전체 글 76

WIL 10주차 (UX집중반)

- FACTS(사실, 객관) :이번 일주일 동안 있었던 일, 내가 한 일1.리액트 입문주차에서 화살표함수,삼항연산자,모듈,props,Children,state, dom과 가상 dom 를 배웠다.2.집중반 리서치를 기반으로 핵심문제를 정의하였다. - FEELINGS(느낌, 주관) : 나의 감정적인 반응, 느낌리액트를 배우면서 잘 배우고있는지 모르겠다. 하지만 계속 해나가는중- FINDINGS(배운 것) : 그 상황으로부터 내가 배운 것, 얻은 것리액트 입문강의일주일동안 배운것을 두문장으로 요약을 해보았다. 화살표 함수: ES6에서 도입된 간결한 함수 표현식으로, function 키워드 대신 =>를 사용하며, 자신의 this를 가지지 않는다 // 일반 함수function add(a, b) { return ..

TIL 42일차

TIL (Today I learned)  오늘 나는 무엇을 했나요- React 입문 2주차- UX집중반오늘은 어떤 것을 배웠나요-React 입문 2주차State  State는 컴포넌트 내부에서 바뀔 수 있는 값으로, UI를 동적으로 업데이트하기 위해 사용이 된다. State는 useState()라는 리액트 기능을 사용한다.const [name, setName] = useState("런천미트");  이때 name은 state의 이름이고,  setName은  state를 바꾸는 함수, "런천미트" 는 state의 처음값이다. 이때 State를 바꾸기 위해서는 setname의 함수를 변경하면 된다.setName("스팸"); // 이름을 "스팸"로 변경 다음은 버튼을 누를때 State를 변경하는 방법이다.fun..

TIL 41일차

TIL (Today I learned)  오늘 나는 무엇을 했나요- React 입문 1주차- UX집중반오늘은 어떤 것을 배웠나요-React 입문 1주차Props Props는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 방법이다. 중요한 점은:단방향으로만 흐른다. 즉, 부모 → 자식 방향으로만 데이터가 전달된다.읽기 전용이다. 자식은 부모로부터 받은 데이터를 변경하지 않는다. 예를 들어, Mother 컴포넌트가 Child 컴포넌트에 name 값을 전달하려면function Mother() { const name = '홍부인'; return ; // name을 motherName으로 전달}  Child 컴포넌트에서는 props를 사용하여 이 값을 받을 수 있다!function Child(props)..