Script

나는 이번 프로젝트에서 크게 구글로그인. 달력기능, D-DAY 기능, 다른사람 마이페이지, 팔로우 기능을 맡았다. 실전 프로젝트에 들어오기 직전까지만 해도 내가 할 수 있을까 하는 두려움이 앞섰지만, 프로젝트에 진심으로 임하고 열심히 하다보니 무사히 마무리 할 수 있었던 것 같다. 무엇보다도, 프로젝트 이전까지는 CRUD만 겨우 해냈던 내가 많은 기능들을 손댈 수 있었다는 것이 제일 감격스럽다. 나 혼자서만 하는 개인 프로젝트였다면 과연 이만큼 성장할 수 있었을까에 대해서 생각해보면 절대로 그렇지 않았을 것 같다. 이는 물론, 좋은 팀원분들을 만났기 때문에 가능했다고 생각한다. 디자이너님을 포함한 팀원분들 모두에게 감사드리고 싶다. 항해는 여기서 마치지만 개발에 대한 열의는 식지 않았다. 취업준비를 위해..

드디어 배포를 완료했다. 이제는 피드백을 받아 부족한 부분들을 수정하는 작업만 하면 될 것 같다. 아래는 프로젝트 소개문이다. 고등학생들을 위한 투두리스트📑, 를 소개 합니다!! 🏫 '투두투두'는 자신이 원하는 카테고리를 생성하고 공부해야할 To-do List를 자유롭게 작성하는 서비스입니다!🎒 투두리스트 뿐만 아니라, 자신이 공부한 통계 데이터, 랭킹순위, 소셜 기능 등이 더해진 서비스입니다! 📚 📝 서비스 개요 '투두투두'는 고등학생들이 스스로 매일 카테고리를 생성하고 이에 따른 투두리스트를 작성할 수 있습니다. 주간/월별 달성률 데이터 및 다양한 차트 :막대_차트: 를 통해 자신의 공부 이력 분석이 가능합니다. 공부 과정/결과나 수험생활에 대한 사진 :플래시가_깜박이는_카메라: 을 업로드하여 공유 ..

팔로우 기능을 구현하는 중에 useEffect가 무한루프되는 현상이 발생했다. useEffect 의존성배열을 빈배열로 두었음에도 해결되지가 않아서 어떻게 해야할지 고민이였다. 이를 해결하기 위해 구글링을 하던 중 useEffect 실행조건에 관한 정보를 찾게되어 해답을 찾을 수 있었다. useEffect 실행조건 1. 의존성 배열 안에 값이 없을 때 컴포넌트 생성 후 처음 화면에 렌더링 컴포넌트에 새로운 props가 전달되며 렌더링 컴포넌트의 state가 바뀌며 렌더링 2. 의존성 배열이 빈 배열일때 컴포넌트 생성 후 처음 화면에 렌더링 3. 의존성 배열에 값이 있을 때, useEffect는 아래와 같은 상황에서 작동됨 컴포넌트 생성 후 처음 화면에 렌더링 종속성 배열 내 엘리먼트의 값이 변할 때 무한루..

최근에 비동기에 관한 문제들을 정말 많이 만났다. 주로 데이터를 받아오는 시간을 기다리지 못하고 값을 내뱉어버리는 오류를 많이 만났다. 그 때 해결방법으로 내세웠던 것들이 if문으로 해결하는 것이였는데 이는 약간 임시방편적인 느낌이 들었다. 찾아보니 옵셔널 체이닝과 async await으로도 해결 가능함을 확인해서 알고있으면 좋을 것 같아 포스팅 하기로 한다. 옵셔널 체이닝과 async await은 처음 들어보는 것은 아니고 이전에 포스팅한적도 있지만 그때랑 지금이랑 느끼는게 다른 것 같다. 옵셔널 체이닝 옵셔널 체이닝 ?.을 사용하면 프로퍼티가 없는 중첩 객체를 에러 없이 안전하게 접근할 수 있다. ?.는 ?. 앞의 평가 대상이 undefined나 null이면 평가를 멈추고 undefined를 반환한다..

Uncaught TypeError: Cannot read properties of null (reading 'findIndex') Promise { } 이 뜰경우 promise result의 값 가져오기 https://velog.io/@zzero9158/javascript-promise%EC%9D%98-%EA%B0%92-%EA%B0%80%EC%A0%B8%EC%98%A4%EA%B8%B0 Array.prototype.findIndex()

이 오류코드에 관한 포스팅은 지난번 포스팅에 글을 합치는게 맞지만, 앞으로 자주 볼거 같아서 찾기 쉽게끔 새로 쓰기로 했다. 이 오류코드도 지난번과 마찬가지로 데이터를 불러오는 ing를 기다리지 못하고 undefined를 내뱉어버리는 것이다. 따라서 if문으로 데이터가 아직 없을 때 빈 div나 console.log를 출력시키면 불러오는 도중에는 이것들을 출력시키고 데이터를 불러오면 해당 데이터를 출력시키게 된다.