오꾸오꾸(오늘도 꾸준히 오랫동안 꾸준히)

변수명을 더 확실하게 변경해주었습니다. 카카오맵의 타입을 any로 사용하던 것을 좀 더 타이트하게 타입을 조여주었습니다. https://github.com/JaeSeoKim/kakao.maps.d.ts 반복적으로 사용되던 new window.kakao.maps.Marker를 함수로 만들어 주어 재사용성을 높였습니다. 느낀점 : 리팩토링은 재때에 해주는게 좋은 것 같다.

final 프로젝트 2022.02-2022.03 Banthing 배달비와 최소 주문금액의 부담을 덜어주기 위한 서비스 github: https://github.com/codestates/BanThing 사용 스택 : Next.js, typescript, HTML/CSS 배포: https://www.banthing.kr/ (비용상의 이유로 사이트를 내렸습니다.) Front-end Map 지도 생성 및 200m 원 표시를 해주었습니다. 방을 생성하고 새로고침시 지도에 마커를 생성하게 해주었습니다. 마커 클릭시 중심점을 마커의 위치로 변할 수 있게 해주었습니다. 커스텀 마커 생성 및 지도 중심점 이동 구현 지도 마커 별 채팅방 기능 구현 Main 덧글 기능 방 삭제 기능 방 생성 기능 Plan 프로젝트 설계 ..

기존의 코드 import axios from 'axios'; import styles from './newChat.module.css'; interface newChatType { roomsId: number; } const NewChat = ({ roomsId }: newChatType) => { const [chat, setChat] = useState(''); // 방의 아이디와 덧글을 포함하여 post합니다. const onSubmit = async (event: React.FormEvent) => { event.preventDefault(); if (chat !== '') { isCookie(); // chats에 입력한 값을 전해줍니다. } // input의 값을 초기화 합니다. setChat..