KBW's cosmos

useHistory를 이용해서 페이지를 이동할 때 아래와 같이 작성할 수 있다. history.push("/main"); 하지만 만약 이미 main페이지에 있다면 이미 main페이지기 때문에 이동하지 않는다. 이때, 새로고침을 하게 해주고 싶다면 아래 코드를 사용하면 된다. window.location.replace("/main")

매개변수가 들어갈 필요가 없는 경우에는 버튼 이렇게 함수 이름만 넣으면 된다. 근데 매개변수가 들어가야 할 경우에는 버튼 이렇게 바로 괄호치고 넣으면 안된다. 화살표 함수를 사용해 넣어줘야한다. exampleFunc("parameter")}>버튼

(※ 2학년 2학기 데이터베이스 수업의 팀 프로젝트다.) 5명이 한 팀이 되어 작업하였으며 프론트엔드 3명, 백엔드 2명으로 작업하였다. 필자는 프론트엔드를 맡아 영화 페이지, 영화 세부페이지를 작업하였고 기말 최종 발표를 진행하였다. 프론트는 React로 작업하였고 Styled Component, Material UI를 이용했다. 백은 Django로 작업하였다. 중간 과제 때 만든 데이터베이스 스키마를 이용해 물리적 데이터베이스를 만들고 swagger api를 이용해 axios로 백엔드에서 데이터를 받아와 하드코딩이 아닌 서버와 연동하여 작동하는 웹사이트를 만들었다. VCS로는 GitHub를 사용하였고 Trello의 칸반보드를 사용하며 효율적으로 작업하였다. 아래는 데이터베이스 수업 기말 최종 발표 시..

버튼 위와 같이 태그가 있다고 할 때, 기존의 React라면 아래와 같이 style을 inline으로 넣을 수 있다. 버튼 하지만 Styled Component를 이용하는 경우 이렇게 넣으면 아래와 같이 오류가 난다. Styled Component를 사용하는 경우 아래와 같이 중괄호를 두번 쳐주고 사용해줘야한다. 버튼 속성 이름은 그냥 써주고 속성 값은 ' '으로 감싸준다. (;) 세미콜론은 붙이지 않는다. 만약 스타일을 여러 개 넣는다면 아래와 같이 (,)로 구분해주면 된다. 버튼 추가로 margin-top이나 background-color의 경우 속성 이름에 (-)하이픈이 들어가기 때문에 오류가 난다. 이 경우 아래와 같이 카멜표기법으로 적어주면 된다. 버튼

공식문서를 보면 위와 같이 불친절하게 쿼리문을 사용하지 않고 문서의 ID를 이용해 삭제하는 코드를 소개한다. 하지만 문서의 ID를 사용하지 않고 쿼리문을 사용해 조건에 맞는 문서를 찾은 다음, 그 문서를 삭제하고 싶을 수도 있을 것이다. 그런 경우 아래의 코드를 사용하면 된다. const deleteExample = async () => { const q = query(citiesRef, where("capital", "==", true)); const data = await getDocs(q); if (data.docs.length !== 0) { await deleteDoc(data.docs[0].ref); } } 예시 코드이다. 원하는 조건에 맞추어 query를 짜주고 getDocs로 데이터를 받아..

AND 구현 import { query, where } from "firebase/firestore"; const q1 = query(citiesRef, where("state", "==", "CO"), where("name", "==", "Denver")); const q2 = query(citiesRef, where("state", "==", "CA"), where("population", "

1학년을 마친 작년 겨울방학에 안드로이드 앱을 만들었었다. 앱 심사가 코로나로 인해 조금 오래 걸려 5월 5일에 출시가 되었고 약 반년 이상 된 지금 후기를 남겨보려고 한다. 앱 출시 관련 자세한 정보는 ↓참고 https://kbwplace.tistory.com/31 생애 첫 앱 출시..(구글 콘솔 등록 시 복잡한 부분 설명) 드디어 만든 앱을 구글 플레이에 등록했다. 아직 구글플레이에서 앱을 검토중이라 출시가 되진 않았지만 별다른 문제가 없다면 1~2주내에 출시가 될 것으로 보인다. 처음하는 것이여서 그런것도 kbwplace.tistory.com 지금 와서 보면 부족한 점이 많은 것 같다. 객체 지향이라는 개념을 배우기 전 만든 앱이라 함수들이 난잡하게 복붙되어 있다.. 유지보수까지 생각하기 보다는 그..

2021 NIPA AI 교육을 마치고 인공지능 전문가 자격증 시험을 봤다. 민간 자격증이긴 하지만 열심히 공부한 끝에 배운 것을 테스트 해보자는 생각으로 응시했다. 2021 NIPA AI 교육 정말 잘 들었고 좋은 교육프로그램이었다. 조만간 후기글도 작성해야겠다.

기본에 이어 응용 과정까지 총 120시간의 교육 과정 완료! 역시 시작한건 끝까지 마무리 지어야 제 맛