[React/Vite] VITE의 기본 margin 없애기
·
🩵 React
Vite의 기본 marginvite로 초기 프로젝트를 생성하면 기본적으로 margin이 8px 생긴다이를 없애려면 index.css 에 코드를 추가해야한다.#root{ // 기존에 쓰인 코드}body{ margin: 0,}이렇게 해주면 기본적으로 적용된 margin이 없어진다
[React] Vite, TS 환경에서 카카오맵 띄우기
·
카테고리 없음
React, TS, Vite 환경에서 카카오맵 띄우기카카오디벨로퍼스에 가서 앱 등록 + 앱 키 받아오기https://developers.kakao.com/console/app애플리케이션 추가하기 - 플랫폼 > Web > 사이트 도메인 > [http://localhost:3000](http://localhost:3000) 등록 - JavaScript 키 받아오기 ![](https://velog.velcdn.com/images/hyorish03/post/a7fbfa50-e75f-4208-80f1-cf9aec81980b/image.png).env에 Javascript 키 추가하기```jsxVITE_KAKAOMAP_JAVASCRIPT_APP_KEY = 아까 그 앱키``` - env가 뭔지 모르면 [ENV..
[JS] ISO 8601 표준시를 12시간제로 바꾸기
·
🩵 React
들어가기 전에ISO 8601이란 ?ISO 8601은 날짜와 시간을 나타내는 표준화된 형식을 정의한 국제 표준화 기구(ISO)의 표준입니다. 이 표준은 날짜, 시간, 날짜 및 시간의 조합에 대한 표현 방법을 규정하고 있어 다양한 응용 분야에서 사용됩니다.ISO 형식년-월-일 형식: 년도, 월, 일을 순서대로 표기합니다.시간 형식: 시, 분, 초를 순서대로 표기하며, 필요에 따라 소수 초를 추가로 표현할 수 있습니다.UTC 표기: 날짜와 시간을 협정 세계시(UTC, 혹은 GMT)로 표기할 수 있습니다.시간대 정보: 시간대 정보를 포함하여 표기할 수 있습니다.날짜: "2023-10-09"날짜와 시간: "2023-10-09T14:30:00"날짜와 시간, UTC: "2023-10-09T14:30:00Z"날짜와 시..
[React] useState의 비동기 문제
·
카테고리 없음
취뽀 스테이션게시판을 만들고 있다Toast ui Editor을 이용하여 만들고 있음editor입력 → editorRef.current?.getInstance().getMarkdown() 을 이용하여 content 값을 가져온 후이를 useState의 setContent함수를 이용하여 넣어 content 내용을 firebase로 보내고 있었다.문제 발생set함수가 비동기로 동작해서 그런지 최초 onSubmit 함수 실행시 setContent가 제대로 실행되지 않는다.만일‘안녕하세요’ 입력 → 작성하기 버튼 누름 → onSubmit 함수 실행 → ‘안녕하세요 값을 가져옴’ → setContent(’안녕하세요’) → console.log(content) → 아무것도 안나옴그 다음 ‘반갑습니다’ 입력 → 위와 ..