https://engineering.linecorp.com/ko/blog/monorepo-with-turborepo/#1-1 Turborepo로 모노레포 개발 경험 향상하기 안녕하세요. 저는 LINE+ UIT 조직에서 프런트엔드 개발을 하고 있는 이상철입니다. 저는 UVP(Universal Video Player)라는 사내 동영상 컴포넌트 라이브러리를 모노레포 환경에서 개발하고 있는데요. 어떻 engineering.linecorp.com

"useRoutes는 로 감싸야합니다. import { BrowserRouter as Router, Route, Routes } from "react-router-dom"; Router> Routes> Route path="/" element={Main />} /> Route path="/Login" element={Login />} /> Routes> Router> 로 해결! 스위치 >> v6 에서는 Routes로 변경 BrowserRouter 사용 이유BrowserRouter: Uses the HTML5 history API (pushState, replaceState and the popstate event) to keep your UI in sync with the URL.

https://chiki-cha.tistory.com/m/111 [리액트] export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'업데이트를 하면 안 될거 같은 너무 멋진창이 터미널에 뜨길래 업데이트를 했더니 Switch가 작동이 안 된다... 리액트 6버전 이상에서 switch가 삭제됐다고 한다... 이 부분을 이렇게 고치면 된다.chiki-cha.tistory.com리액트 6버전 이상에서 switch가 삭제됐다고 한다

리액트에서 가장 자주 보는 오류 메시지이다. 이 오류는 값이 정의되지 않아 읽을 수 없을 때 발생한다. 위와 같은 에러는 React뿐만 아니라 Angular, Vue 프레임워크에서도 자주 발생한다. 여기서 알아야할 사실은 state가 비동기적이며 처음 렌더링(마운팅)하기도 전에 동작한다는 것이다. 이 때의 state는 정의되지 않았기 때문에 당연히 undefined다. 때문에 값을 읽을 수 없다는 에러가 출력되는 것이다. >>>>> 작동 작동 안함 할거면 둘다 되던다 둘다 안되든가 화나게하지마 콘솔 찍으면 값은 다 존재 애러 이유 집 주소가 애매했음, 코드 전문 해결법 1. 주소를 상세하게 매핑 해결법 2. && 연산자와 조건문을 적극 활용하자. 구지 default 값을 보여주고 싶지 않으면 &&만 사용..

로 작성시 오류 발생다음은 작동 일단 구현된 useTitle 이란 함수는 새로운 함수를 반환하는 고차함수라, useTitle(value1)(value2) 의 형태로 사용해야 하는데, onClick 이벤트의 콜백으로 쓰셨다면 value2 의 값으로 이벤트가 등록된 button 요소가 value2 에 전달됐을 것이며, 그렇기에 HTML 요소 객체를 문자열로 변환했기에 [object Object]로 나온 것일 겁니다

최상위에서만 호출해야한다.반복문, 조건문 혹은 중첩된 함수 내에서 Hook을 호출하면 안된다. 이 규칙을 따른다면 컴포넌트가 렌더링 될 때마다 항상 동일한 순서로 Hook이 호출된다. 이는 react가 useState와 useEffect를 여러 번 호출하는 중에도 Hook 상태를 유지할 수 있도록 해주기 때문이다. 오직 React 함수 내에서만 호출해야한다.일반적인 JS 함수에서 Hook을 호출하면 안된다.

대괄호 : [] , 중괄호 : {} , 소괄호 : () 대괄호 =>[] list를 나열 할 때list의 인덱스를 지정해줄 때 ex) mise[0], mise[1] 중괄호 => {}dictionary를 만들 때 {'key': 'value'}style tag를 적용해줄 떄 ex) .commet { 적용해줄 것 }특정 function에 대해 정의해줄 때 ex). function openclose() { 실행 할 것 }for문의 조건문 뒤에 실행할 것을 적어 줄 때 for (i=0; iif문 뒤에 실행 할 것을 적어 줄 때 if ( a > b ) { 실행 할 것 } 소괄호 => ()for문의 특정 조건을 적어줄 때 ex) for (i=0; iif문의 특정 조건을 적어 줄 때 ex) if ( a >b )jque..

imr import React from 'react' nfn const first = (second) => { third } https://www.hanl.tech/blog/vs-code-react-time-awesome-snippets/

https://github.com/drknzz/GitHub-Achievements