BeautifulSoup parser (lxml, html.parse, html5lib) 차이점
요약
HTML document의 모든 태그가 완벽하면 parser간 차이는 없다. ex ) <a></a>
그렇지 않으면 parser간 출력 차이가 있다. ex) <a></p> 와 같이 태그가 옳바르지 않는 경우 차이가 있다.
공식 문서에 따르면 correct한 방식의 parser는 없다.
html5lib이 HTML5 standard의 부분이여서 correct하다고 주장하지만 다른 parser도 적합하다.
차이점
lxml
BeautifulSoup("<a></p>", "lxml")
# <html><body><a>...
파이썬 나도코딩 웹크롤링 요약
출처 : https://www.youtube.com/watch?v=yQ20jZwDjTE
웹 스크래핑 : 웹페이지에서 원하는 부분만 추출하는 것.
웹 크롤링 : 웹페이지 내에 있는 링크들을 따라가면서 모든 내용 가져오는 것.
xpath
xpath란? 절대 경로를 짧게 줄일 수 있는 것이다.
브라우저에서 자동으로 해준다.
전체경로 : /학교/학년/반/학생[2]
xpath : //*[@학번=”1-1-5”]
전체경로 : /html/body/div/div/…../a(id=”login”)
xpath : //*[@id=”login”]
// : ‘//’ 아래의 모든 태그
<학교 이름='데이터고등학교'&g...
Git Fork, Fetch, Pull Request 간단 정리
fork
다른 사람 Repository를 내 저장소로 가져온다.
fetch
Remote repository에 commit 등 변동사항이 있을 경우, local에서는 remote repository의 변동사항을 모른다. fetch로 local 데이터와 병합하지 않고, 변동사항을 가져올 수 있다.
pull request
fork로 가져온 내 repository에서 변경사항 있을 시 push로 최신상태로 만든다.
내 repository의 변경사항을 folk 했던 repository에서도 업데이트 하고 싶을 때 pull request를 날린다.
pull request message convention...
React mui (UI Library) table
mui 라이브러리 예시 코드 정리
table 태그 사용
<table>
<tr>
<td>조회수</td>
<td> 제목</td>
</tr>
{data.products.map((data, nth) => {
return (
<tr key={data.no}>
<td>{data.no}</td>
<td>{data.title}</td>
</tr>
);
})}
</table>
m...
React 무료 서버 호스팅 Github page
Create-React-App 없이 webpack으로 react를 구성한 프로젝트를 위한 github page 연동이다.
github page를 사용하여 무료로 서버를 사용할 수 있다.
1. npm i gh-pages
npm i command로 gh-pages 패키지를 추가한다.
2. package.json 추가
주소는 repository - Settings - Pages에 있다.
package.json에 homepage와 predeploy, deploy를 추가한다.
"homepage": "주소",
"scripts": { "start": "webpack serve", "build": "webpa...
Gitmoji git commit message icon
gitmoji
더 보기 쉬운 commit message를 위해
아이콘을 보여주는 gitmoji를 선택했다.
등 66 개의 아이콘을 commit 메세지에 사용할 수 있다.
1. 설치
npm 사용
npm i -g gitmoji-cli
brew 사용
brew install gitmoji
2. 사용 순서
git add . gitmoji -c 혹은 gc git push
gitmoji -c를 alias하여 사용하고 있다.
alias gc="gitmoji -c"
사용하고 있는 쉘 스크립트파일 (~/.zshrc 혹은 ~/.bashrc ) 에 해당 줄을 추가 후
source ~/.zshrc
...
Localtunnel 외부에서 localhost 접속
localtunnel github : https://github.com/localtunnel/localtunnel
Localhost를 외부에서 접근 가능한 주소를 생성한다.
1. Localhost에 서버를 등록한다.
react webpack을 활용하는 경우
npx webpack serve
package.json scripts에 등록한 경우
npm start
React에서 사용하는 포트 번호를 확인한다.
http://localhost:[port]
2. localtunnel 설치 및 실행
2-1, 2-2 중 하나만 선택
1. Global 설치 및 실행
다른 프로젝트에서도...
Javascript30 - Day9 console dev tool tricks
기본 코드
<p onClick="makeGreen()">×BREAK×DOWN×</p>
const dogs = [{ name: 'Snickers', age: 2 }, { name: 'hugo', age: 8 }];
function makeGreen() {
const p = document.querySelector('p');
p.style.color = '#BADA55';
p.style.fontSize = '50px';
}
1. 디버깅 breakpoint 설정
element break on attribute modification
누르면 해당 elemenrt에 변화...
전체 글 31개, 4 페이지