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..
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://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..
import { category } from '../../utils/code'; ... {Object.entries(category).map((item) => ( {item[1]} category는 이렇게 객체이다. export const category = { 0: "커리어고민", 1: "취업/이직", 2: "회사생활", 3: "인간관계", 4: "개발", 5: "IT/기술", 6: "UI/UX", }; 객체에는 map을 쓸 수 없으므로 객체를 배열로 바꿔야 한다. Object.entries(category) category를 객체로 바꾼다는 의미 map key props drilling https://abangpa1ace.tistory.com/255 [JS / Web공통] 링크복사 및 SNS 공유버튼..
Write page 만들기 이미지 프리뷰 만들기 https://nukw0n-dev.tistory.com/30 리액트에서 이미지 미리보기 만들어보기 (React Image Preview) 서론 HTML의 input 태그로 이미지를 핸들링할 때 현재 선택한 이미지를 미리 보고 싶은 경우가 있다. 라이브러리를 통해 구현할 수도 있지만 어떤 방식으로 구현할 수 있을까 고민해보았다. Web API nukw0n-dev.tistory.com 사진 업로드 input type="file" css https://helloinyong.tistory.com/275 input type="file" 커스터마이징 하는 방법 Input File 태그의 기본적인 사용 File 필드를 사용하기 위해선 일반적으로 input type="f..
⭐️ 깃 협업 1. dev에서 내가 작업할 branch 만들기 ex) feature/topbar 2. 로컬 feature/topbar 에서 작업 3. 작업 완료 시 내가 올릴 파일들만 + 선택하고(왼쪽 source control 메뉴에서 하는 것) 이 싸이클을 반복하는 것임 깃 커밋 메시지 잘못 쓴 경우 1. vs code source control 에서 커밋 내역 되돌리기 2. remote 와 local 커밋 내역이 다르므로 그냥 push 하면 오류남 git push -f origin feature/topbar -f force 옵션은 유의해서 사용하기! 공통 컴포넌트만들 때 적용하고 싶은 속성이 있으면 props로 넘겨주기! 코드 한 줄을 생각하고 고민해서 쓰자! 유효성 검사 - 미리 상의가 필요함! ..