본문 바로가기

분류 전체보기321

Vite 공식 문서 - 기본 설정하기 https://ko.vitejs.dev/guide/features.html Vite Vite, 차세대 프런트엔드 개발 툴 ko.vitejs.dev 한글화 해주신 분이 누군지 모르겠지만 공식 문서가 정말 깔끔하게 잘 되어있다. 감사합니다...! CRA 만 사용하다가 Vite 를 쓰니 아직은 차이가 클 정도로 큰 프로젝트를 한 적은 없어서 체감은 안되지만, 빠르다고 명성이 자자한 Vite, 공식 문서를 차근히 읽어나가며 공부해보기로 한다. 기존의 CRA 와 Vite 를 비교한 것은 바로 전의 글로 정리했다. Vite 가 지원하는 기능 HMR 기본적으로 ESM 을 통하여 HMR API 를 제공한다. HMR, Hot Module Replacement 로 페이지를 다시 로드하거나 애플리케이션 상태를 날려버리지 않.. 2023. 6. 20.
Vite - 플러그인 사용하기 https://ko.vitejs.dev/guide/using-plugins.html Vite Vite, 차세대 프런트엔드 개발 툴 ko.vitejs.dev 플러그인 추가하는 법 플러그인을 사용하려면 devDependencies 에 플러그인을 추가하고 vite.config.js 설정 파일의 plugins 배열에 해당 플러그인을 포함시켜야 한다. plugins 에는 여러 플러그인을 하나의 요소로 묶는 사전 설정을 포함시킬 수 있으며 프레임워크 통합과 같은 여러 플러그인을 사용하여 구혀되는 복잡한 기능을 구현할 때 사용될 수 있다. 내부적으로 배열은 Flatten 연산을 거친다고 한다. Flatten 연산이란? 다차원 배열을 1차원 배열로 평탄화 하는 것 추가로 다른 플러그인을 쉽게 활성화하거나 비활성화 시킬.. 2023. 6. 19.
CRA 와 Vite CRA 의 사용을 최소화해야 한다는 컬럼과 공식문서에서 추천하지 않는다는 것을 보고 직접 설정을 할 줄 알아야겠구나 싶어서 CRA 가 무얼 해주는지 먼저 알아야겠어서 정리해본다. CRA (Create React App) 손쉽게 최신 리액트 앱을 설정할 수 있도록 하는 명령 초기 환경을 일일히 설정하지 않고도 리액트 프로젝트를 시작할 수 있도록 셋업을 해준 틀과 같다. npx create-react-app 프로젝트명 으로 만들어주었다. Less to Learn - 자동 최적화 Only One Dependency - 복잡한 버전 불일치 없이 원활하게 작동하는지 확인 No Lock-In - ESLint, Webpack, Babel 등 다양한 패키지를 포함 HMR(Hot Module Reloading) - 코.. 2023. 6. 19.
노마드코더 python 웹 스크래퍼 만들기 - 4 스크래핑한 내용을 파일로 export 하기 먼저 csv 파일을 만들어 줄 수 있는 open() 함수를 사용한다. open('파일명.확장자', 파일권한) 여기서 csv 란 ,가 구분자로 이루어진 파일이다. file = open(f"{keyword}.csv", 'w') 파일을 이어 작성해주기 위해선 .write() 메서드를 사용한다. file = open(f"{keyword}.csv", 'w') file.write('Position,Company,Location,URL\n') jobs = indeed + wwr # list 끼리 합치기 for job in jobs: file.write( f'{job["position"]},{job["company"]},{job["location"]},{job["link"]}.. 2023. 6. 18.

티스토리툴바