우당탕탕 개발일기

https://velog.io/@yiyb0603/React-Router-dom%EC%9D%98-%EC%9C%A0%EC%9A%A9%ED%95%9C-hooks%EB%93%A4 React Router dom의 유용한 hooks들 📃 안녕하세요! 오늘은 제가 프로젝트들을 진행 해오면서 편리함을 느꼈던 react-router-dom의 유용한 hooks들에 대해서 소개하려고 합니다. velog.io 예전부터 나를 괴롭히던 문제,,, 제발 극복하고싶다...!

카카오 로그인은 늘 해보고싶었지만 항상 시간에 치여 시도못했던 기능이었는데 이번 실전프로젝트 때 맡게 되었다! 레퍼런스들을 찾아보면서 어렵다는 글들이 유독 많이 보여서 겁을 잔뜩 먹고 시작했는데 다행히 다른 분들의 시행착오가 담긴 친절한 포스트들이 많아서 금방 해결할 수 있었다! 걱정금지🙅🏻‍♀️ 카카오 로그인에도 여러가지 방법이 있는데 내가 했던 것은 JavaScript SDK를 이용한 팝업 방식의 로그인! 그리고 카카오 사용자 정보에서 닉네임을 받아와서 사용했다. 🔗 JavaScript SDK 문서 그냥,, 구현하면서 내가 헷갈렸던 부분들을 그냥 휘뚜루마뚜루 정리해두려고한다..! 완전히 100% 이해를 하고 하는 것이 아니라 틀린 부분이 있을 수도 있다! 구현하는데에 참고용으로 봐주셨으면 좋겠다! 카..

현재 진행중인 실전 프로젝트에서 progressBar를 맡게 되었다. 구현을 하다보니 여러가지 공부를 해야하는 것들도 많아서, 기록용으로 이 게시물을 만들게 되었다. 일단 우당탕탕 정리하고, 추후 예쁘게 정리해 볼 예정! 📅 작업기간 22/03/02(수) ~ 22/03/06(일) ✏️ 구현 포인트 1️⃣ 유튜브 영상 시간에 따른 progress bar 2️⃣ 특정 %에 따른 메시지 출력 기능 3️⃣ 모든 사용자에게 동기화되어 있음 호출 스케줄링 : setInterval - setTimeout https://ko.javascript.info/settimeout-setinterval setTimeout과 setInterval을 이용한 호출 스케줄링 ko.javascript.info 현재 프로젝트에는 setI..

정말 많이 만난 오류,,,^^ import 또는 export 오류이니, 콘솔창이 친절하게 짚어주는 위치로 달려가 import와 export를 뜯어볼 것! 나는 1️⃣ export 쪽에 default 안붙어있었거나, 2️⃣ import에 {} 넣거나 빼거나, 3️⃣ 오타가 있거나 (제일 화남🔥 ) 중에 하나였다. 2️⃣같은 경우는 컴포넌트를 잘게 쪼개면서 일어났는데, 내가 정확히 뭘 import 해오고 싶은 지를 생각해봐야할 듯! 📍 참고 https://im-designloper.tistory.com/40 [ Vue Error ] export 'default' (imported as '...') was not found in ... export 'default' (imported as 'router') w..

= 컴포넌트 파일명이 대문자로 시작하지 않아서! 리액트 훅을 사용하려면 꼭!! 대문자로 시작해야한다! 📍 참고 https://medium.com/@umioh1109/%EB%B2%88%EC%97%AD-js-bites-react-hook-is-called-in-a-function-which-is-neither-a-react-function-or-a-custom-33369d62ac84 [번역] JS Bites: React hook is called in a function which is neither a React function or a custom… 본 글은… medium.com