[React/Vite] VITE의 기본 margin 없애기
·
🩵 React
Vite의 기본 marginvite로 초기 프로젝트를 생성하면 기본적으로 margin이 8px 생긴다이를 없애려면 index.css 에 코드를 추가해야한다.#root{ // 기존에 쓰인 코드}body{ margin: 0,}이렇게 해주면 기본적으로 적용된 margin이 없어진다
[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]Javascript로 잡코리아 채용공고 크롤링하기
·
🩵 React
구현 배경졸업작품 취뽀스테이션에서 채용 공고를 보여주는 페이지를 구현해야했습니다.고민하다 사람인에서 채용 공고를 크롤링해 보여주기로 결정했습니다.개발환경 세팅cheerio 설치> npm install cheerio- cheerio는 Node 환경에서 파싱을 도와주는 라이브러리입니다.- 단, 파싱을 도와주는 라이브러리이기 때문에 크롤링 할 페이지는 axios를 이용해 가져와야합니다.- JQuery 문법을 사용해 css 선택자, class이름, id 등으로 요소를 찾아 데이터를 수집할 수 있습니다.axios 설치> npm install axios- axios는 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트입니다.- 요청 및 응답 데이터 변환, 응답 인터셉트 등의 역할을 합니다.- 우..
[React] Vite, TS 환경에서 SVGR을 사용해 SVG를 ReactComponent로 사용하기
·
🩵 React
들어가기 전에SVG 파일을 public > svg 폴더에 넣어서 직접 import 해와서 사용하고 있었다.그러니 해당 SVG 파일에 width, height 등의 속성을 넣으니 아래 사진과 같은 에러가 발생했다.따라서 vite-plugin-svgr 라이브러리를 이용해 SVG를 ReactComponent로 바꿔 사용하고자 한다.환경 설정라이브러리 설치vite-plugin-svgr 라이브러리를 이용할 것이다.npm install --save-dev vite-plugin-svgryarn add -D vite-plugin-svgrpnpm add -D vite-plugin-svgrvite.config.js 파일 수정import { defineConfig } from 'vite';import react from '..