Author: dudghks9303

또 다른 문제점이 생김 calender.jsx에 button 이벤트로 slice로 만든 reducer를 들고오면 정상적으로 여러번 누르면 여러번 누른 만큼 이동함. 그런데 현재 팀프로젝트의 props 값에 변경되는 값을 넣어주면 첫번째만 동작함. 이전이나 이후 둘 중 하나만 한번 누르면 그다음은 즉시 나오지 않고 페이지를 옮기면 그때서야 나타남. Read more

react hook 복습 : https://ko.legacy.reactjs.org/docs/hooks-reference.html usememo : https://react.vlpt.us/basic/17-useMemo.html , https://react.dev/reference/react/useMemo 사용 이유 : onchange 같은 이벤트의 경우 값이 변경될 때 마다 실행되는데 그러면 return 안에 짠 html의 태그 안의 함수도 매번 실행되어서 호출이 너무 많아지게 되어서 해당 경우가 아닌 때에는 호출을 고정시키는 형식 const 이름=useMemo(함수-화살표함수,[의존할 값(state,props])형태 usecallback : https://react.vlpt.us/basic/18-useCallback.html , https://react.dev/reference/react/useCallback usememo랑 기능은 비슷하다. 대신… Read more

과제 -2시간 세션스토리지에 객체를 문자열로 넣는 이유 https://mhypro.tistory.com/63 https://sanghye.tistory.com/14 https://studyingych.tistory.com/28 캘린더 배열 관련 문제 for 문을 이용해서 해당 월의 여러 약속이 있는 경우 어떻게 되는가 살펴보니 값이 각자 따로 들어가서 앞에만 적용이 되고 뒤에는 true여도 먼저 있는 false 때문에 true 값이 안나온 다는 것을 확인함 둘 다 false가 아니라면 true가 되도록 배열을 합치는 방법을 모색해야함… Read more

캘린더 CSS 조정 : SASS의 module 기능을 쓰지 못함[이유는 이미 패키지로 만들어진 컴포넌트이기 때문에 module을 떼고 css처럼 쓰거나 직접 js를 다 짜는 방식을 택해야 한다] 기능부분 약속이 잡힌 날짜는 색이 칠해지고 이벤트 기능을 없앤다[색이 칠해지는 부분 단일은 확실히 되었다. 대신 복수의 경우 캘린더 월을 옮기거나 확대&축소를 하면 초기값을 제외한 나머지 값은 지워진다. 이벤트 기능또한 다르게… Read more

slice 생성 main에서 작성한 유저 추가 함수, 유저 확인 함수를 slice에 넣어놓는 방법 – 비동기함수인 thunk를 사용한다. 주의할 부분은 await를 쓰기 때문에 두번째 ()에 async를 붙여야 하고 값도 받아와야 하기 때문. 그리고 export로 아예 따로 불러낼 수도 있다 구글auth – 로그아웃을 할 때 까지 유지 세션 스톨로지 사용 : 새로고침 할 때 값을 가져와서 사용… Read more

두 함수의 공통적인 문제 : 해당월 복수 약속의 경우 첫번째 함수의 문제 : 이전 문제인 해당월 여러 약속에 대해 color를 지정하는 문제 세번째 함수의 문제 : for 문에 if 문을 넣어버려서 else를 넣게 되면 첫번째 값을 제외한 모든 구간에 해당 값이 적용 된다 방법1. 전체를 먼저 칠하고 약속이 잡힌 부분만 처리한다 방법2. 조건문을 고쳐서 약속이… Read more

Redux,React : 브라우저를 종료하거나 새로고침을 하면 초기데이터로 돌아온다 서버에서 받아온 값을 Redux에 저장해서 실행, 사용자로 부터 입력받는 중의 데이터 로컬스톨로지(웹 브라우저) : localstorage 메소드를 사용하여 개인의 브라우저에 저장 저장기한은 cookie나 정보를 지우기 전까지 살아있음 새로고침을 해도 살아있지만 창을 끄면 사라진다. 웹 브라우저에 저장되므로 중요한 정보는 저장하지 않는다 서버(firebase)에서 쓰는 데이터의 형태 / Redux&state에서 사용하는 데이터… Read more

현재 찾은 2개 패키지 : react-big-calendar / react-calendar 둘에서 공통적으로 쓰이는 패키지 : moment.js react-calendar 장점 년단위로도 넘길 수 있는 표시가 있음 단점 크기 조절이 불가능함-확인필요 react-big-calendar 장점 상세 표시가 가능함 단점 달력 크기를 줄이게 되면 장점1번의 기능이 사라짐 공통적인 문제점 달력의 해당 날에 색을 칠하는 조건으로 정했는데 어떻게 색을 칠하게 할지 함수로 짜야함-해결 1번과… Read more

git clone 복사할레퍼지토리주소(맨 처음 들고올 때는 master 가지로 들고옴) git checkout -b 사용할가지이름(master가지 대신 자신의 가지를 생성) npm i (React를 쓸 경우 node_modules가 없기 때문에 npm start가 실행하지 못한다) merge(병합)시 주의점 : 여러사람이 쓰는 경우 서로 겹쳐서 병합 전에 겹치는 부분에 대해서 해결을 해줘야 할 때가 있다. 무조건 push후 pull 할 필요는 없다. 대신 맡은… Read more

팀 프로젝트 시 주의할 부분-react를 쓰는 경우 맨 처음 프로젝트를 받아 올 때 node_modules 같은 용량이 큰 부분들은 git에 업로드 되어 있지 않기 때문에 clone을 한 후에 npm i 로 따로 설치해야 한다. 설치하지 않으면 npm start가 실행되지 않는다. branch를 master가 아닌 각자 분담한 branch로 한다.(병합-merge 때 충돌하는 부분을 없애기 위해) pull request를 주고 되도록이면… Read more