본문 바로가기

Web Study124

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 웹 스크래퍼 만들기 - 3 indeed 홈페이지 스크래퍼 만들기 https://kr.indeed.com/ indeed 홈페이지 상에서 봇이 크롤링하면 막아뒀기 때문에(403 error) 읽어올 수가 없다. Selenium 을 사용한 우회 봇이라서 크롤링을 막아뒀다면 봇이 아닌 브라우저라고 우회하여 읽어오게 해준다. 이를 위한 Selenium 을 사용해본다 https://www.selenium.dev/ Selenium Selenium automates browsers. That's it! www.selenium.dev 브라우저의 자동화를 가능하게 해준다. pip install selenium pip install webdriver_manager 드라이버와 셀레니움을 설치해준다. 강의의 덧글을 참고하여 사용법을 알아 보았다... 나는.. 2023. 6. 16.
노마드코더 python 웹스크래퍼 만들기 - 2 Python의 자료구조 Tuple list 와 유사하지만 ( ) 로 값을 나열 불변성을 가지므로 튜플은 넣어준 값을 변경할 수 없다는 특징을 가짐 -> 그래서 값을 변경시켜주는 메서드들이 존재 하지 않음 .count() .index() 값에 접근하려면 [ ] 안에 인덱스로 접근해준다. 여기서, 음수값의 인덱스가 들어가면 거꾸로 접근이 가능하다 !! Dictionary { } 안에 키와 값으로 써주며 구분자는 , 이다. .get(키) : 키에 해당하는 값을 리턴 .clear() .pop(키) : 키에 해당하는 키와 값을 제거 딕셔너리[키] = 값 으로 원하는 키와 값을 추가 가능 For 반복문 for each in 리스트혹은튜플: // 반복할 내용 for~in 반복문으로 각각의 요소를 전부 돌 수 있음 반.. 2023. 6. 15.

티스토리툴바