약 한달 간의 프로젝트가 끝이 났다.원래는 일주일 단위로 기분은 어떤지 어느 부분에서 막히는지 적고싶었는데 생각보다 프로젝트가 빡세서 컴퓨터 앞에 앉아서 내 생각을 정리하기엔 시간이 부족했다.리액트로 프로젝트를 진행했고 우리 팀은 유튜브 API를 사용해서 음악을 추천하

context는 props를 사용하지 않고 데이터를 전달하도록 해줍니다. props를 사용하지 않고 n번째 자손에게 직접 데이터를 건내줍니다. n-1개의 자식을 통과하여 n번째 자식에게 데이터를 전달하지 않아도 부모에서 바로 n번째 자식에게 값을 전달할 수 있게 됩니다

false는 checkRender라는 상태 변수의 초기값입니다. 이 상태 변수는 useState 훅을 사용하여 선언되었습니다. useState 훅은 두 개의 요소를 반환합니다. 첫 번째 요소는 현재 상태 값을 나타내는 변수이고, 두 번째 요소는 상태 값을 변경하는 함수

useEffect랑 useState 보는데 서로 헷갈림useEffect와 useState는 React에서 상태 관리와 부수 효과(side effect) 처리를 위해 사용되는 두 가지 중요한 Hook입니다. 이 두 Hook은 각각 다른 목적을 가지고 있으며 다음과 같이

useEffect(()=>{ // state가 변경되어 렌더링 될 때 실행하는 부분! // 공부하려고 책 펴는 타이밍! return()=>{ // 다시 렌더링을 하기 이전에 컴포넌트를 지우고 다시 그리겠죠? // 이 과정에서 지우기 전에 실행되는 부분입니다! clean

chat GPT한테 물어봤는데 맞는건지 모르겠음똑같아보이는데?!?!?JSX와 일반적인 JavaScript (JS) 사이에는 중요한 차이가 있습니다. JSX는 React와 함께 주로 사용되는 확장된 문법으로, React 컴포넌트에서 UI를 선언하는 데 사용됩니다.문법 차

function Detail(){}const Detail = () => { ... } function Detail(){}와 const Detail = () => { ... } 모두 React 함수형 컴포넌트를 정의하는 방법입니다. 그러나 두 가지 방식 간에는 몇 가지

https://ko.legacy.reactjs.org/docs/events.html

변수의 값이 변경될 때마다 페이지를 업데이트 하도록 만들어주는 것이 useState입니다.먼저 useState를 React에서 import 하기 위해 import 구문에 {useState}를 추가합니다. useState를 실행하면 state 변수와 state 변수의 상

내가 뭘 구현하고자할때 머릿속에 없어서 구글링을 해서 copy& paste 해도 되는걸까!!!!!!!!!한 줄 한 줄 뜯어봐야하나고민이다

이벤트 핸들링을 막을때 사용한다.e.stopPropagation()버블링 단계에서 상위 요소로 이벤트가 전달 되는 것을 막는다. e.stopImmediatePropagation()e.preventDefault()이벤트 전파 방지하는게 아니고 태그의 고유 동작을 취소시킨

캡쳐링~ 타겟~ 버블링~ 순서인데capture 기본이 버블링이다.출력 결과가 p div form 순서임만약 캡쳐링으로 하고싶다!!?true를 넣어주면 된다!그러면 순서가 form div p 이렇게 됨

오늘 타이머 만들기를 했는데 html css 구현하니까 자바스크립트 할 시간이 없었다...사실 시간 많았어도 한~참 걸렸을듯DOM 부터 정신줄을 놨는데 이번 주말과 추석동안 DOM, 그리고 리액트 정복해버릴거임 파이팅😉😉

repository>settings>pages들어가서 save 누른다. 몇 분 후면 url이 나온다.http://{이름}.github.io/{repository이름}npm install gh-pages --save-devpackage.json 들어가서"home

\*\*\*\*react는 사용자 정의 태그를 만드는 기술이다.사용자 정의 태그는 component라고 한다.\*\*\*\*

하 수업 듣다가 딴짓하면 도대체 뭔 소린지 감을 못 잡겠다 큰일났다누가 질문하면 흐름이 끊기는 거 같아서 딴 생각하면 저만큼 가있음어떡하지 이걸!!!심지어 아파서 수업 몇 번 빠지니까 실습시간 주어져도 할 수 있는게 없다...어떡하지 어떡하냐\~~!!~!!!인프런으로

React에서 props는 "properties"의 줄임말로, 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 데 사용되는 메커니즘입니다. 이것은 React 애플리케이션에서 컴포넌트 간에 데이터를 공유하고 컴포넌트를 재사용하는 데 중요한 역할을 합니다.props는

npx create-react-app 생성할폴더명 --template basic-reactscr 안에 app.jssrc index.htmlindex.html

JSON(JavaScript Object Notation)은 데이터를 표현하고 교환하기 위한 경량의 데이터 형식입니다. JSON은 텍스트 기반 형식으로, 사람이 읽고 쓰기 쉽고, 기계가 파싱하고 생성하기도 쉽습니다. JSON은 자바스크립트 객체와 매우 유사한 구조를 가

웹브라우저에 데이터를 저장함메소드1.localStorage.getItem: 저장된 값을 추출하고 없으면 언디파인드가 나온다.localSorage.key localStoragekey형태로 사용할 수 있다.2\. localStorage.setItem(키,값)3\. loca