하루 한 걸음, 개발 블로그

export const searchRoom = createAsyncThunk( 'room/searchRoom', async (keyword, thunkAPI) => { console.log('keyword', keyword); try { const response = await instance.get(`/rooms/search?keyword=${keyword}`); console.log('search room', response); return thunkAPI.fulfillWithValue(response.data); } catch (error) { console.log('search room error', error); return thunkAPI.rejectWithValue(error); } }, )..

아팠음 중복검사 에러와 싸움

https://stackoverflow.com/questions/59487046/why-i-still-have-warning-expected-to-return-a-value-at-the-end-of-async-arrow-f why I still have warning: Expected to return a value at the end of async arrow function in cloud function, even though I have re I am new in NodeJS and Firebase cloud function, here is my code in my firebase cloud function: exports.dbModeratorsOnCreate = functions.firestor..

게임방 리스트 마크업 디자이너님과 회의 회원가입 유효성 정규식 검사 axios instance

eslint 설치 yarn add -D eslint-plug eslint 시작 설정 yarn eslint --init airbnb 코드 스타일 적용을 위한 패키지 설치 npx install-peerdeps --dev eslint-config-airbnb prettier eslint extenstions 설치 필요 vs code 설정에서 format JavaScript 검색하고 JavaScript > Format:Enable 체크 비활성화 Format On Save 를 검색해서 체크를 활성화 ESLint 를 검색해서 Auto Fix On Save 체크를 활성화 .prettierrc 파일 만들고 아래의 내용 복사하여 붙여넣기 { "singleQuote": true, "semi": true, "useTabs"..

https://nomadcoders.co/noom/lectures/3088 All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co stopPropagation() https://pa-pico.tistory.com/20 [개념잡기] e.preventDefault() 와 stopPropagation() 의 차이 stopPropogation vs preventDefault e.preventDefault()와 e.stopPropagation()의 차이 두개의 코드 모두 이벤트 관련 동작에서 많이 사용되는 코드이다. 둘의 차이점은 무엇일까 알아보자. e.preventDefault() html 에서 a pa-pico.tisto..

정신없이 시간이 흘렀고 벌써 실전 프로젝트가 시작됐다. 그동안 바쁘다는 핑계로 찾아본 링크들과 메모들 저장만 해놓고 쓰러져 잠들었는데 이제 다시 TIL을 열심히 써야겠다. 미니 프로젝트부터 클론코딩까지의 글들도 하나씩 정리해서 올려야겠다. 오전 기획 회의 그동안 게시판 형식의 프로젝트를 진행해서 이번에는 재밌는 게임을 해보고 싶다는 의견이 많았다. 나도 게임이 평소 관심 있었던 도메인이라 도전해보고 싶었다. 사실 문화콘텐츠와 관련된 도메인들은 다 관심이 많다. 그래서 1안으로 게임 2안으로 게임 외 아이디어로 좁혀보자는 의견을 제시했고 '영양제 성분 분석 사이트' (마치 화장품 분석 사이트 화해가 인기를 끌었던 것처럼) 특색 있는 커뮤니티를 만들자는 쪽으로 의견이 좁혀졌다. 게임..

협업 시 깃허브에 컴포넌트 또는 기능 별로 파일을 나눠서 올려야 하고 커밋메시지도 잘 써주는 게 중요하다는 것을 체감했음. 또한 컴포넌트 구조를 짜고 스타일을 적용할 때 같이 협업하는 사람을 배려해서 간략하면서 압축적인 네이밍을 짓는 게 필수적이라고 느꼈음.

https://velog.io/@sssssssssy/TIL-useEffect%EC%83%81%ED%83%9C%EB%81%8C%EC%96%B4%EC%98%AC%EB%A6%AC%EA%B8%B0 TIL _ useEffect/상태끌어올리기 userEffect velog.io

https://prod.velog.io/@win/react-hook-form-yup-%EC%9C%A0%ED%9A%A8%EC%84%B1-%EA%B2%80%EC%82%AC%ED%95%98%EA%B8%B0 react-hook-form & yup 유효성 검사하기 yarn add react-hook-form설명register : input 요소를 React hook form과 연결시켜 검증 규칙을 적용할 수 있게 하는 메소드formState : form state에 관한 정보를 담고 있는 객체handleSubmit: form을 velog.io https://velog.io/@rootcho/%ED%8C%8C%EC%9D%BC-%EC%84%A0%ED%83%9Dinput-typefile%EA%B3%BC-%EB%B2%84..