목록react (17)

내맘대로 frontend 낙서장

react todolist 실습중

github URL : https://github.com/hyunjunyong/react-study 3/28 칸반보드 형태로 제작 시작 기본 구성 및 하드코딩으로 데이터 추가 input으로 할 일 추가 구성 3/29 하나의 컴포넌트로 리팩토링 drag and drop event 작성중 잘안되서 지피티 형님께 도움을 요청중이나 뭔 it회사에서 와이파이 잘안되는거 실화냐!!!!!!!!!!!!!!!!!!!!!!
react 2023. 3. 28. 14:37
React router 실습 도중 에러 해결

https://react.vlpt.us/react-router/01-concepts.html 벨로퍼트 리액트 라우터 실습을 하면 라우터로 About , Home을 출력하게 하는 기본 코드가 나온다. 해당 App.jsx 코드는 import React from 'react' import { Route, Routes } from 'react-router-dom' import About from './About' import Home from './Home' const App = () => { return ( ) } export default App 전혀 출력 안됨 왤까? 벨로퍼트님의 실습과 다른점은 라우터 버전!!!! 찾아보니깐 라우터 6이상 부터는 문법이 좀 바뀌었음 그래서 에러뜨고 빈화면나오고 그러는 거임..
react 2023. 3. 27. 10:25
vscode 라이브러리

Prettier // .prettierrc 생성 { "trailingComma": "es5", "tabWidth": 2, "semi": false, "singleQuote": true } trailingComma: "none", "es5", "all" 으로 설정을 할 수 있는데, 객체 또는 배열이 여러줄로 구성되어 있으면 다음과 같이 맨 마지막 줄에 쉼표를 붙여줍니다. tabWidth: 들여쓰기의 크기를 정합니다. 저는 보통 2칸 쓰는데 회사 정한거에 따르거나 선호하는 걸로 ㄲ semi: 세미콜론 (;) 을 쓸지 말지 정합니다. 저는 개인적으로 사용하는것을 선호합니다. 사용하고 싶다면 true 로 설정하세요. singleQuote: 문자열을 입력 할 때 " 를 쓸지 ' 를 쓸지 정합니다. 저는 ' 를 사..
react 2023. 3. 24. 09:47
react LifeCycle

** 읽다가 깨달았는데 클래스형 컴포넌트에서만 사용 가능한데 클래스형 컴포넌트는 이제 구시대의 유물이니 ** 조용히 보내주자 한번 읽어보고 어떤식인지만 알고 있자 생성 될 때 (마운트) // constructor // 컴포넌트 생성자 메소드 , 컴포넌트가 만들어지면 가장 먼저 실행됨 constructor(props) { super(props); console.log("constructor"); } // getDerivedStateFromProps 는 props 로 받아온 것을 state 에 넣어주고 싶을 때 사용합니다. // static이 필수 , this 조회 불가능 // 컴포넌트 처음 렌더링 될 때 호출 후 , 리렌더링 되기전에도 매번 실행 static getDerivedStateFromProps(n..
react 2023. 3. 23. 11:27
이전 Prev 1 2 3 4 5 Next 다음