본문 바로가기

전체 글

 (75)
useParams 가 뭔데? 대체 뭔데! useParams는 리액트 훅중 하나이다. 이건 언제쓰냐고? 유저가 URL파라미터에 입력한걸 가져올때 사용된다. App.js안에 있는 :id (url파라미터) 이걸 가져오기 위해서 useParams를 사용해준다 let { id } = useParams(); let 찾은상품 = props.product.find((x) => x.id === id); 프롭스를 해서 find로 찾아주고 x.id 현재 html에있는 : id값과 데이터(product) 안에있는 id값이 같으면이라는 뜻 이걸 이렇게 선언해주고 {찾은상품.title} {찾은상품.content} {찾은상품.price} 이렇게 html에 작성해준다. 결국엔 몇수십개의 페이지를 만들때 사용하면 좋다. 또한 id 값을 비교하고 오류나는것을 방지해준다.
styled-components 가뭐야? styled-components가 뭐냐면 css파일에 가지 않아도 react환경에서 현재 페이지 안에서 사용할수있는 CSS 라고 보면된다. 이 스타일의 장점으로는 현재 페이지에서만 작용이 된다는점이다. 다른 컨포넌트에 오염이 안된다. 그리고 또한가지의 장점으로는 로딩 시간이 향상이 된다. 그래서 어떻게 사용되냐고? let box = styled.div` backgroud: yellow; padding: 20px; color: black; ` ` 백틱을 사용해서 안에 내용을 넣어주면된다. 그리고 html안에는 로 import시켜주면 끝!
.gitignore가 작동하지 않을때는 어떻게해요? 포트폴리오를 만들던 중에 .gitignore에 moules를 올리고 싶지 않은데 자꾸 안먹는 것이다. 여기에 보이는 node_modules가 안먹는데 이걸 해결하기 위해서 시간을 다 잡아먹었다... 나와같은 상황은 또 안만들어지기를 위해 작성한다. 이건 git 캐시에 문제가 생기는거라, 아래 명령어로 캐시내용을 지운다음 다시 커밋하면 된다... git rm -r --cached . git add . git commit -m "날짜" 커밋전에는 node_modules /App/node_modules /App/client/node_modules /App/client/build /App/server/config/dev.js .gitignore 파일에 node_modules가 들어있는 경로를 바르게 설정해준다음..

티스토리툴바