오늘 해결한 문제useselector로 가져오는 이미지 텍스트 정보와 회사 정보가 상태변경이 제대로 되지 않고 있었다. 그래서 페이지를 한번 움직여야만 내가 원하는 값으로 나오는 상태였다.defaultValue를 찍어봤을땐 잘 나오는데 이 밸류값을 실제 원하는 밸류 값
깃에서 특정 브랜치에 merge해도 반영이 안됨.프론트 작업한 내용을 하나로 합쳐서 배포 후 테스트를 진행하려고 push를 하고 PR, Merge를 했으나 dev 브랜치에 어째서인지 올라가지 않았다. 다른 팀원들도 다 되지 않고 팀원중 마로님만 dev에 접근이 가능한
오늘은 캘린더 라이브러리를 사용해 내 일정을 관리할 수 있는 페이지를 제작했다. 시간이 없어서 일단 급하게 진행한거라 css도 더 입혀야 하고 기능적으로도 추가시켜야 할 것들이 몇가지 있지만 일단 진행상황부터 써보자면라이브러리는 react-calendar를 사용했고 이
오늘도 이미지 연결 하는데 실패했다. 실패한 이유로 1\. FE와 BE의 데이터 타입이 일치하지 않았다.2\. key값이 중복되는 데이터가 많아서 찾아내기가 쉽지 않다.3\. FE에서 전달하려는 형태와 BE에서 받으려는 형태가 명확하지 않았다.이런 피드백들을 토대로 f
Axios Axios는 브라우저, 노드를 위한 프로미스 API를 활용하는 HTTP 비동기 통신 라이브러리이다. 백과 프론트의 통신을 쉽게 하기 위해서 사용하는 것. Axios 특징 운영 환경에 따라 브라우저의 XMLHttpRequest 객체 또는 Node.js의
컴포넌트는 생성(mounting) - 업데이트(updating) - 제거(unmounting)의 생명주기를 갖는다.클래스 컴포넌트에서는 라이프 사이클 메서드를 사용한다.함수형 컴포넌트에서는 Hook을 사용한다.클래스 컴포넌트에서의 라이프 사이클생성(mount)const
리덕스 툴 킷(RTK)란 ducks패턴의 요소들이 코드 양이 늘어나는 이유가 되었고 그것의 해결을 위해 리덕스를 더 편하게 쓰기 위한 기능들을 흡수해서 만든 것. 구조나 패러다임이 리덕스와 똑같지만 모듈 파일의 형태만 달라짐.설치방법 : yarn add react-re
리덕스에 대해 배우는 중인데 리액트 주차 들어와서는 다 너무 어렵게만 느껴진다.. 아직까진 어려운 것 같다 얼른 감 잡아서 뚝딱뚝딱 만들 수 있는 수준이 될 수 있으면 좋겠다모듈 안에 들어가는 것들 - 리듀서(거의 지분 100%), 액션크리에이터리듀서는 요청사항을 받아
리덕스 리덕스가 필요한 이유 1) useState의 불편함 어떤 컴포넌트에서 생성한 state를 다를 컴포넌트에 보낼때 prop를 사용했는데 이때 부모자식간의 연결을 통해서만 보내지다보니 불편한 점이 많았다. 컴포넌트에서 컴포넌트로 State를 보내기위해서는 반
styled-components 사용하기 styled.ooo``백틱 안에 css작성하는 형식. 형태가 익숙하진 않지만 이런 방법도 있다는걸 알고 넘어가면 좋을 듯함. useState 업데이트 방식 setState의 () 안에 수정할 값이 아니라 함수를 넣을 수 있
항해 4주차 첫날이 시작됐다. 저번 주차까지는 리액트 사용하는 데 있어서 익숙하지가 않아 좀 어려움을 느끼고 있었지만 이번주는 열심히해서 이겨낼 수 있도록 해야지. 매니저님들도 멘탈 관리를 잘 해주시고 스스로도 계속 더 잘해내기 위해 어떻게 하면 좋을지 생각을 많이 해
계속되는 리액트 공부.. 감이 잘 안잡힌다. component 개념, props 개념, state개념에 대해 어느정도 이해를 했는데 과제를 하려고 하니 어디서부터 건드려야 할지 잘 모르겠다. 며칠째 비슷한 상황에 놓여 답답해서 다른 강의들을 막 찾아보면서 공부중이다.
리액트 공부하면서 필기했던 것들 + 매니저님이 알려주신것들값을 주기 위해서 객체를 만들어줘야된다.리렌더링 : 자기가 알아서 바꿔주는거(리액트가 알아서 시키게 해야됨. 그건 usestate가 하는 일)객체를 usestate를 써야하는 이유 : 객체의 값을 화면에 계속 뿌
알고리즘 문제를 푸는 주차가 끝나고 본격적으로 React를 배우는 주차가 시작됐다. 걷기반과 달리기반중 내가 원했던 달리기반에 들어갈 수 있어서 기분 좋게 시작을 했고 담임 매니저님이 알고리즘 첫날 정말 힘들어했는데 마지막 시험문제를 잘 풀어 내서 정말 많이 발전한 거
컴포넌트 : 리액트로 만들어진 앱을 이루는 최소환의 단위 컴포넌트 로직은 템플릿이 아닌 JavaScript로 작성된다. 데이터(props)를 입력받아 View(state)상태에 따라 DOM Node를 출력하는 함수. 컴포넌트 이름은 항상 대문자로 시작하도록