[REACT] 전역상태는 어떨 때 사용해야 할까?
STUDY/React.js 2023. 6. 4. 21:58

우선 가끔 너무 당당하게 헛소리를 하는 GPT 선생님께 해당 내용에 대해서 질의를 해보았습니다 이번에 프로젝트를 하면서 특정 값들이 component(prop) drilling이 되는 상황을 발견했습니다. 전역 상태로 관리하는 항목들이 저러한 값들이 있는것들은 생각을 하고 있는 내용이긴 했으나, 한 3~4개정도의 컴포넌트를 drilling하다보니, 이정도면 위의 항목에는 해당하지 않아도 전역상태로 관리해줘야 하는게 아닐까? 라는 생각을 했습니다. 해서, 해당 내용까지 GPT에 함께 질의해보았습니다. GPT 선생님꼐서도, prop drilling 이 발생한다면 전역 상태로 분리하는것이 좋은 방법이라고 대답을 해주시네요, 하지만 단순 지피티만 곧이 곧대로 믿기에는 곤란해서, 해당 내용을 구글링하여 좋은 포스..

[REACT] 어디까지 컴포넌트를 분리해야하는가? (2)
STUDY/React.js 2023. 5. 26. 12:04

(해당 글은 이전 포스트와 이어지며, 하단 링크에 있는 글을 참고하여 학습한 내용을 정리한 포스트입니다) 프론트엔드 아키텍처: 컴포넌트를 분리하는 기준과 방법 컴포넌트를 언제 분리해야 하고 어떻게 분리해야 하는지 살펴봅니다. medium.com 복잡한 컴포넌트 컴포넌트가 여러 책임을 갖는 경우 컴포넌트 분리 없이 만든 거대한 페이지 컴포넌트를 예시로 들 수 있겠습니다. 예시와는 알맞지 않지만, 이런 컴포넌트에서 페이징도 하고, 여러 기능이 추가적으로 달려있다고 가정해봅시다. 이런 경우라면 기능간에 결합이 강하게 발생해서 수정이 쉽지 않을 것 입니다. 글에서는 이를 서로 상호작용하는 기능이 많아지는 것보다 문제의 복잡성이 더 빨리 어려워지는 상황이라고 이야기를 하고있습니다. 따라서, 이런 경우에 컴포넌트를..

[REACT] 어디까지 컴포넌트를 분리해야하는가? (1)
STUDY/React.js 2023. 5. 21. 18:09

요즘 이래저래 개발을 진행하면서 로직을 작성하고있는데, 문득 그런 생각이 들었습니다. 지금까지는 단순히 '재사용을 할 것 같다', '나눠야 할 것 같다' 와 같은 구체화 되지는 않은 기준에 따라 로직을 작성했는데 확실한 기준을 잡고 컴포넌트를 분리해야 하지 않을까? 라는 생각이 말이죠 또, 컴포넌트 분리도 분리고 로직의 디자인패턴 또한 그렇습니다. 워낙 이전까지는 Redux 라이브러리를 사용했기때문에 전체적인 구조를 Page - Container - Component의 구성으로 로직을 작성했는데 이번 프로젝트부터는 recoil을 사용하면서 이러한 고민이 더 깊어진 것 같습니다. Redux를 사용해보신 분들이라면 알겠지만, Redux에서는 Redux 와 연결된 (Store와 연결된) Container를 만..

[Born2beroot] 정리
42Seoul 2023. 5. 15. 21:25

가상머신이란? - 실재하는 컴퓨터 상에 소프트웨어로 논리적으로 만들어낸 컴퓨터 - 하나의 물리 자원위에 하나의 환경만 있는 것을 효율화하고자 가상화층을 만들고 그 위에 OS를 새로 설치하는 기법 데비안 / 로키 데비안(Debian) 리눅스와 로키(Rocky) 리눅스는 둘 다 인기 있는 리눅스 배포판이지만, 몇 가지 차이점이 있습니다. 기반: 데비안은 독립적으로 개발된 리눅스 배포판으로, 많은 배포판의 기반이 되었습니다. 로키 리눅스는 레드햇 엔터프라이즈 리눅스(RHEL)의 커뮤니티 기반 클론 배포판으로, CentOS의 개발 중단에 대한 대안으로 등장했습니다. 패키지 관리: 데비안은 APT(Advanced Package Tool)를 사용하여 패키지 관리를 수행합니다. APT는 강력하고 안정적인 패키지 관리..

4주차 다리 건너기 후기 + 프리코스 후기
우아한 테크코스 2022. 11. 24. 15:15

[다리 건너기] 신현호 미션 제출합니다. by SWARVY · Pull Request #29 · woowacourse-precourse/javascript-bridge (github.com) [다리 건너기] 신현호 미션 제출합니다. by SWARVY · Pull Request #29 · woowacourse-precourse/javascript-bridge 4주차 소감 많이 고민 한 부분 MVC 패턴의 적용 모델, 뷰, 컨트롤러를 나누어 mvc 디자인 패턴을 따르도록 노력했습니다. (MVC 패턴 참고 자료) 화살 함수와 this 일반 함수를 사용했을 때 this가 계속 u github.com 머리털나고 처음 들어보는 MVC 패턴, 그리고 까다로운 조건들이 괴롭혔지만, 어떻게 완성을 해서 제출을 했습니다...

(또)매우 늦은 3주차 로또 후기
우아한 테크코스 2022. 11. 22. 15:29

[로또] 신현호 미션 제출합니다 by SWARVY · Pull Request #143 · woowacourse-precourse/javascript-lotto (github.com) [로또] 신현호 미션 제출합니다 by SWARVY · Pull Request #143 · woowacourse-precourse/javascript-lotto github.com (또) 3주차 미션 후기를 이렇게 늦게 올리게 되네요 추잡하게 변명을 하자면 4주차 미션끝내기도 급급해서 끝내고 글을 올리게 됐습니당 제가 3주차 로또에서 가장 신경 썼던 부분들은 첫번째로, README 파일을 조금 더 살아있게 만드는 것 이었습니다. 그냥 적당히 작성해서 올렸는데, 다른분들 README.md 보니까 휘황찬란한건 그렇다치고, 제 RE..