ALL

[Python] 파이썬으로 웹 스크래핑하기

스파르타 코딩클럽 웹개발 종합반 강의를 수강하며 공부한 웹스크래핑 내용을 정리해 보았다. 웹 크롤링 vs 웹 스크래핑 웹 크롤링은 url을 탐색해 반복적으로 링크를 찾아 가져오는 과정이다. 웹 스크래핑은 특정 웹페이지의 데이터를 추출하는 것이다. 정보를 수집한다는 공통점이 있지만, 크롤링의 경우 특정 웹페이지를 타겟으로 하지 않고, 또한 데이터 중복 방지를 위해 색인을 남기기 때문에, 웹 인덱싱이라고도 한다. 필요 패키지 설치 가상 환경 폴더에 필요 패키지를 설치해준다. # requests 패키지 : HTTP 요청을 위한 라이브러리이다. pip install requests # BeautifulSoup : requests를 통해 가져온 html을 파싱하여 의미있는 데이터를 추출한다. pip install..

[Day 6] CSS 기초 :: FE 역량, CSS 상대단위, Selector 등

Selector 헷갈려! 오늘의 주제는 Css 기초. Css 는 그래도 조금 안다고 생각했는데, 모르고 있던 부분이 상당히 많았다. 예를 들면 Css 에서 사용하는 각 단위의 의미와 용도, box-sizing 을 왜 사용하는지, 다양한 Selector 의 종류 등. Selector 연습문제가 있었는데 어렵다기보다는 너~무 헷갈려서 많이 틀렸다. 그게 어려운건가? 어쨌든 ㅋㅋ 내일부터는 계산기 목업 제작을 페어분과 같이 진행하는 시간이 있기 때문에! 누가 되지 않도록 모르는 부분은 꼼꼼히 공부하려고 노력했다. 오늘 컨디션은 어제보다는 조금 나은데, 아침에 늦잠을 자는 바람에 수영을 가지 못했다. 이렇게 운동을 계속 못하면 건강이 안좋아질텐데... 앞으로는 낮시간을 더 압축적으로 활용해서 늦어도 11시 30..

[Day 5] Html 기초

동기부여 세션이 좋았다. 오늘은 HTML 기초에 대한 내용과 동기부여 라이브 세션이 있었다. HTML은 예전에 노마드코더 카카오톡 클론코딩 강의를 들으면서 재밌게 공부했는데, 오늘 강의를 통해 tag에 대해 다시 생각해보는 계기가 되었다. 어떤 목적으로 어떻게 작성하는가에 대해서 등등... 특히 self closing tag에 대해서, 별 생각 없었는데 다시 보니 자식 노드를 가질 수 없는 요소이기 때문에 명확하게 닫는 태그를 쓰지 않는다는 것을 새롭게 알게 되었다. 오후의 동기부여 세션에서는, 1일차에 공부했던 자기주도 학습, 메타인지에 대해서 다시금 상기시키고 포기하지 않도록 응원을 해주는(?) 그런 시간이었다.인상적이었던 내용은, 현재 가진것에 감사하는 마음을 잊지 말라는 것이었다. 생각해보니 내가..

[Day 4] 반복문

문제 난이도 상승!! 사실 오늘은 5일차 학습일인데, 어제 TIL 작성을 안해서 오늘 마무리한다. 밤에 잠을 못잤더니 하루종일 멍하고 힘든 날이었다. 앞으로 남은 날들이 많은데 컨디션 관리를 특히 신경써야겠다. 4일차는 기초 제어문 중 반복문을 연습했는데, 코플릿 문제 난이도가 상당히 상승했다. 어려웠던 부분은 반복문을 사용해서 소수 구하기, 이중 반복문으로 반복되는 문자열 만들기 같은 것들이었다. 어려웠지만 페어분도 적극적으로 문제해결에 참여하시고 나도 규칙을 찾아서 풀려고 노력했더니 다행이 시간을 초과하지는 않았다. 페어분께서 페어리뷰로 내 설명이 도움이 되셨다고 보내주셨는데 기분이 좋으면서도, 좀 더 잘 설명할 수는 없었을까 하는 아쉬움이 든다. 코드를 짜면서 내 스스로 정리가 안되는 부분들이 있다..

[Day 3] 조건문, 문자열 메서드

자바스크립트 기초제어문 시작 코드스테이츠에서는 하루 ~ 이틀 정도 unit 단위로 공부를 한다. 아직 3일차 Section 1 이지만 대부분의 개념 자료는 주제에 대한 약간의 개요 + 짧은 동영상 강의이고, 해당 주제를 공부한 뒤 연습 문제를 푸는 방식이다. 아마 회차가 거듭되면 연습문제 보다는 만드는 과제가 주어질 것이다. 현재까지 느낌으로는 코드스테이츠에서 제공되는 자료만으로는 과제를 풀 수 없는 수준인 것 같다. 자신이 필요한 정보는 직접 찾아보면서 공부하는게 오히려 좋다. 지금까지는 그나마 알고 있는 내용이 많아서 괜찮지만, 모르는 내용이 나오면 멘붕이 올 것 같다. 오늘의 주제는 조건문과 문자열 메서드였다. 오전부터 페어프로그래밍 시간이 상당히 길었는데, 문제 난이도도 약간 있어서 시간에 거의 ..

VS Code 에서 python venv 폴더 생성

py -3 --version Python 3.10.5 # 1번째 입력 방법 폴더경로>python -m venv .venv # 2번째 입력 방법 # 첫번째 입력 방법에서 폴더가 생성되지 않아서 적용함 폴더경로>py -3 -m venv venv 참고 Using Python Environments in Visual Studio Code Configuring Python Environments in Visual Studio Code code.visualstudio.com

[JavaScript] 문자열 메서드 정리

문자열 메서드가 작동하는 이유 문자열은 기본적으로 원시타입이기 때문에 직접 수정, 변경이 불가능하다. 이런 문자열에 문자열 메서드가 작동할 수 있는 이유는, 메서드가 호출될 때 자바스크립트가 이 원시타입 문자열을 문자열 객체로 변환하기 때문이다. 그리고 메서드는 해당 문자열 객체에 대하여 실행된다. 그리고 이 과정을 (원시 값을 객체로 변환하는 것을) 'boxing' 이라고 한다. String.prototype.indexOf() 호출한 Str 에서 주어진 값과 일치하는 첫 번째 인덱스를 리턴한다. 일치하는 값이 없을 시 -1 을 리턴한다. const str = 'What a beautiful day!'; str.indexOf('a'); // 2 str.indexOf('x'); // -1 str.index..

[jQuery] 제이쿼리를 활용한 Ajax get 요청

제이쿼리 jQuery 란? jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. jquery.com 제이쿼리는 자바스크립트 라이브러리의 일종이다. 라이브러리란 자주 쓰이는 코드를 보다 간편하게 쓰기 위한 코드들의 묶음이다. 제이쿼리에서 요소를 선택하는 선택자의 종류는 여기 에서 확인해 볼 수 ..

[Day 2] 변수, 자료형, 함수

첫 페어프로그래밍 오늘은 처음으로 페어를 만나는 날이었다. 오전에는 자바스크립트의 기초인 변수와 자료형, 함수에 대해 각자 공부하고, 오후 1시부터 구글 밋으로 만나 관련 문제를 푸는 시간이었다. 같은 공부를 하고 있는 페어와 만나 이런저런 얘기를 하며 아이스브레이킹을 했는데, 소속감이 느껴지고 좋았다. 제대로 공부하는 첫날이어서 문제 난이도가 그리 높지 않았고, 10문제를 30분 만에 푼 뒤에 무엇을 할까 하다가 백준 알고리즘 단계별 풀기를 제안드렸다. 이것을 처음부터 풀어본 게 문법이 익숙해지는데 도움이 되었기 때문이다. 알고 있는 여러 정보를 나눌 수 있어서 좋았고, 왠지 더 열심히 공부하고 싶다는 의지가 강해졌다. 오늘 배운 것 변수의 선언과 할당 선언 : 값을 저장하기 위한 메모리 공간을 확보한..

Prettier 세팅하기 + VS code 스니펫 설정하기

Prettier Prettier는 VS code 에서 사용자가 사전에 지정한 방식으로 코드를 정렬해주는 익스텐션이다. Prettier이 링크를 참조하면 설정할 수 있는 옵션과 그에 대한 설명이 있다. 루트 폴더에 .prettierrc 파일을 생성하여 추가 파일 생성 후 원하는 옵션을 설정할 수 있다. { "singleQuote": true, "trailingComma": "all", "bracketSpacing": false, "printWidth": 160, "tabWidth": 2, "semi": true, "arrowParens": "avoid", "endOfLine": "lf" } Settings.json에 바로 추가하기 VS code 에서 f1키를 누르고 Settings.json 에 들어가 아래..