▶셀레니움(Selenium) 셀레니움은 브라우저를 컨트롤 할 수 있도록 지원하는 라이브러리 입니다. ▷셀레니움 실행을 위한 chrome 드라이버 다운로드 1) 우선 크롬 버전을 확인해야 합니다. (버전에 맞는 드라이버를 설치하기 위함 입니다.) 주소창에 chrome://version/ 입력해서 버전을 확인합니다. 2) 버전에 맞는 크롬 드라이버 다운로드 버전에 완전히 동일하지 않아도 괜찮습니다. 최대한 비슷한 버전으로 설치하시면 되겠습니다. https://sites.google.com/chromium.org/driver/ ChromeDriver - WebDriver for Chrome WebDriver is an open source tool for automated testing of webapps a..
▶스크레이핑(Scraping) - 크롤링(Crawing) : 인터넷의 데이터를 활용하기 위해 정보들을 분석하고 활용할 수 있게 수집하는 행위 - 크롤링과 같은 개념이지만, 데이터를 추출해서 가공하는 최종 목표 ▷크롤링(Crawing) Web상에 존재하는 contents를 수집하는 작업을 말합니다. HTML 페이지를 가져와서, HTML/CSS등을 파싱하고, 필요한 데이터만 추출하는 기법이라 할 수 있습니다. 예제를 통해 알아보겠습니다. 1) 영어 교육 사이트 ▷링크 : https://basicenglishspeaking.com/daily-english-conversation-topics/ (75 Audio Lessons) Daily English Conversation Practice | Questions..
▶우선순위와 명시도(Specificity) 한 요소를 가리키는 여러 선택자의 스타일이 한 번에 적용되어 적절한 스타일을 적용하는 데에 어려움을 겪은 적이 있을 것입니다. 선택자가 여러 개이고, CSS를 여러 파일에 작성했다면 이런 문제는 더 자주 발생합니다. 이제부터 각 스타일이 한 요소에 중첩되는 상황에서 어떤 스타일이 우선순위로 적용되는지 살펴보겠습니다 :) ▷마지막에 작성된 스타일이 적용된다 div { color: blue; color: red; } 위의 코드처럼 한 선택자에 같은 스타일 프로퍼티를 지정하면 상단에 작성된 스타일은 상쇄되어 제일 마지막에 작성된 스타일이 우선순위로 적용됩니다. 즉 여기서는 color가 red로 적용됩니다. 혼란을 야기하지 않도록 위의 코드처럼 불필요한 스타일 프로퍼티..
▶상속 스타일을 작성하다 보면 요소에 직접 부여하지 않은 스타일이 적용되어 당황스러울 때가 있습니다. 대부분 이런 상황은 상속에 의해 발생합니다. CSS의 프로퍼티 중에서 상위요소(부모, 조상)에서 적용되었지만, 자식 요소까지 상속되는 프로퍼티들이 있습니다. 대표적으로 font 관련 프로퍼티나 색상, 정렬 방식의 프로퍼티가 상속됩니다. parent child 이 코드의 실행 결과는 다음과 같습니다. 반대로 width, height, margin, display, border처럼 상속되지 않는 프로퍼티 또한 존재합니다. parent child 코드 실행 결과는 다음과 같습니다. border(테두리)가 상속되는 프로퍼티라면 child가 작성된 p 영역 또한 테두리 선이 나타나야 하지만 아무런 변호가 없습니다..
▶ CSS란? CSS는 Cascading Style Sheets의 약자로 문서를 표시하는 방법(스타일이나 레이아웃)을 지정합니다. CSS를 사용해 사이트를 레이아웃을 만들고 텍스트의 색상을 변경하며 애니메이션을 넣어 시각적으로 아름답게 표현합니다. 당분간 CSS 작성 방법과 작성 시에 주의할 점, flex를 사용한 레이아웃 작성법 등 기본적인 내용을 살펴봅시다. CSS에서 반드시 알아야 할 작성 방법과 특징, 레이아웃 작성법 등에 대해서 알아봅시다 :) ▶작성 방법 스타일링을 작성하는 방법은 매우 간단합니다. '"A"의 "B"를 "C"로 하겠다.' 이 문장에 맞춰 스타일을 작성합니다. 여기서 A는 대상을 가리키는 선택자 그리고 B는 그 대상의 프로퍼티를 의미하며 C는 그 프로퍼티를 어떻게 바꿀지를 의미하..
▶SEO(Search Engine Optimization) : 검색 엔진 최적화 많은 사람이 이용하길 바라는 서비스를 만들었다면 네이버나 구글 같은 검색 엔진의 상위에 노출시키고 싶을 것입니다. 하지만 이미 시장에는 수많은 경쟁 서비스가 있어 그중에서 검색 결과의 상단에 나오게 하는 것은 매우 어려운 일입니다. 검색 사이트에 상단에 노출시키는 것은 개발의 영역이 아닌 서비스의 인기, 마케팅과 광고의 영역이라 생각할 수 있습니다. 일부는 맞지만, 일부는 아닙니다. 개발자의 몇 가지 노력으로 서비스가 적절한 키워드에 더 많이 노출되도록 할 수 있습니다. 이렇게 우리의 사이트를 찾기 쉽도록 개선하는 여러 노력을 검색 엔진 최적화(SEO, Search Engine Optimization)라고 부릅니다. 구글과 ..
- Total
- Today
- Yesterday
- 머신러닝
- react
- next.js
- react-query
- CSS
- 프론트엔드 기초
- 인프런
- 리액트
- styled-components
- TypeScript
- Python
- 타입스크립트
- 디프만
- 스타일 컴포넌트 styled-components
- 자바스크립트
- frontend
- 프론트엔드 공부
- 자바스크립트 기초
- HTML
- 파이썬
- JSP
- 프로젝트 회고
- jest
- 리액트 훅
- 프론트엔드
- 딥러닝
- 데이터분석
- rtl
- 자바
- testing
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |