당신의 친절한 이웃, 코딩맨

언제나 헷갈리는 CSS 적용 순서 정리 1.! important 2. inline style 3. id선택자 4. class 선택자 5. 요소 선택자 6. 소스 순서 본능적으로 사용하게 되는 경우가 많지만, 정확하게 알아두면 쓸모 있다. 요소 선택자의 경우는 p, h1 이런 태그들에게 입히는 방법이고! important와 html에 직접 쓴 inline sytle다음으로 가장 우선순위가 높다. class와 id의 우선순위는 id가 높다. 그 후에 다 동일하다면 소스 순서가 가장 마지막에 있는 것으로 적용이 되는 순서다.

html 문서의 구조 hyper text markup language semantic tags form form 이렇게 사용된다. Get 메소드를 보내는 방식. text select 지역을 선택해주세요. 선택 서울 대전 광주 구미 - disable : 선택하지 못하게 한다. - selected : 가장먼저 골라져있다.(disable해놔서 '서울'만 먼저 보이기 때문에 '선택'이라는걸 보이게 한다.) - Hidden: 보이지 않게 해놓는다. - 옵션으로 드랍다운을 할 수 있도록 만든다. - radio - 동그랗게 생긴 체크박스가 생긴다. 오늘의 체온을 선택해주세요. 37도 미만 37도 이상 오늘의 체온을 선택해주세요. 37도 미만37도 이상 가수이름 - +a Label 태그는 ..

2주간의 라로쉐 포쉐 클로닝 프로젝트가 끝이 났다. 3명의 프론트앤드 , 2명의 백엔드의 미래 개발자들끼리 밤새 매달려 구현해냈다. 정말 뿌듯하다 프로젝트에서 내가 맡은 부분 1. 상품 전체 리스트 크롤링과 상세 페이지의 크롤링 2. 상품들의 상세 페이지에서 크롤링한 데이터들 mysql을 이용해 저장 3. get request를 통해 상품 전체 리스트를 response 4. id값과 함께 오는 post request 해당 id값에 해당하는 response 5. corsheader 프로젝트를 통해 배운 부분 1. 크롤링을 통해 문제 해결능력 향상 - 한 줄 한 줄 알고리즘문제를 푸는 것 같은 정제 작업들 - 저장할 이미지 url, 카테고리 이름들, 여러 가지 텍스트들만 남기기 위해 split, replac..

어떤 화장품 사이트를 크롤링하는데, 제품들이 레이지 로딩으로 되어있기 때문에 한번에 크롤링을 할 수 없었다.. 또한 a tag의 href 어트리뷰트가 자바스크립트로 되어있기 때문에 셀레니움으로 크롤링을 했다. 기본적으로 driver.find_element_by_class_name 등으로 접근을 했고, 두가지의 find 매서드를 한줄에 써서 좀더 구체적인 접근도 가능했다. 예) image_url = driver.find_element_by_class_name('banner_img').find_elements_by_tag_name('a') 이렇게 두가지로 파인드도 가능하다 윗 코드의 끝에 보면 elements인데 elements하면 a 태그를 갖는 모든 태그들을 '리스트'로 갖고 오게 된다. 하지만 prin..