개발 관련 개념들14 [React.js] useEffect 더 잘 사용하기 리액트 훅에서 useEffect는 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 해주는 Hook이다. class형 life cycle methods로 생각하면 componentDidMount + componentDidUpdate + componentWillUnmount 가 합쳐진 거라고 생각할 수 있다. ko.reactjs.org/docs/hooks-effect.html Using the Effect Hook – React A JavaScript library for building user interfaces ko.reactjs.org 다양한 사용 케이스 참고 ↓ stackoverflow.com/questions/53070970/infinite-loop-in-useeffect# Infinite lo.. 2021. 5. 1. Github 리파지토리를 Re-fork하고 싶을 때!! (Upstream, Origin, Syncing) 그룹 프로젝트를 하면서 리파지토리를 판 분의 깃헙에서 fork를 해왔는데 (나의 repositories 목록에도 보이게 하고 싶어서!) fork해온 리파지토리에서는 fork한 시점 이후로 원래 오리지널 리파지토리, 즉 upstream에 반영한 변화들이 나타나지 않아서 "Re-forking"을 해야하나 생각했었다. 잠깐 짚고 넘어가기 Upstream - 대체로 Clone이나 Fork를 할 때, 그 액션을 해오는 오리지널 리파지토리를 의미한다. Origin - Clone이나 Fork를 해와서 만들어진 나의 로컬 리파지토리를 의미한다. 그렇기 때문에 Clone/Fork를 해온 오리지널 리파지토리의 변화를 추적 / 거기에 변화를 반영하고 싶다면, Upstream을 따로 설정해줘야 한다. 출처 내용은 다음의 링크.. 2021. 4. 26. CSS가 이상하게 적용될 때, user agent stylesheet체크!! 작업하다가 보니, button과 input이 이상하게 스타일링이 되는 것을 볼 수 있었다. 짜부된 부분을 developer tool로 확인하니, (특히 COMPUTED탭으로 보면, 결국에 어떤 stylesheet이 최종적으로 영향을 미쳤는 지 볼 수 있다!) padding-top과 padding-bottom이 고작!!!!! 1px로 지정된 것을 볼 수 있었고, 이는 user agent stylesheet에서 비롯됐음을 확인할 수 있었다. user agent stylesheet이 뭔데요? stackoverflow.com/questions/12582624/what-is-a-user-agent-stylesheet What is a user agent stylesheet? I'm working on a web .. 2021. 4. 24. IntelliJ에서 Gradle기반 스프링 프로젝트 실행 - 오류 해결 로그 결국 Eclipse를 버리고 IntelliJ로 넘어오게 됐다. 그리고 나서 한 생각은 '넘어오길 잘했다...!' 백엔드 팀의 코드를 클론해서, 서버를 돌려 Swagger를 살펴보는 것이 목적이었고, 이를 달성할 때까지 마주친 에러들을 기록한다. 1. IntelliJ와 내 깃허브 아이디 연동하기 (a) 우선, Git 세팅을 해준다 - File - Settings - Git 오른쪽 위에 Path to Git executable이 잘 나오나 확인. (b) Github 연동 - 위의 캡쳐에서, Git 바로 밑 GitHub부분으로 가서 깃허브에 로그인, 내 아이디를 연동시켜주면 된다. 2. 프로젝트 가져오기 - File - New - Get From Version Control누르면 이렇게 뜨고, 내가 원하는 프.. 2021. 4. 20. 이전 1 2 3 4 다음
