전체 글

Array filter 사용법

filter 주로 특정 조건을 만족하는 새로운 배열을 필요로 할 때 사용한다. 주어진 배열의 값들을 오름차순으로 접근해 callbackfn을 통해 true를 반환하는 요소를 기준으로 신규 배열을 만들어 반환한다. 예제1 json과 같은 객체를 사용해 true를 판별 할 수 있다. const guys = [ { name: 'YD', money: 5000 }, { name: 'Bill', money: 4000 }, { name: 'Andy', money: 3000 }, { name: 'Roky', money: 2000 } ]; const rich = guys.filter(man => man.money > 3000) console.log(rich) 예제2 array에 주어진 값들을 filter를 통해 3보다 ..

[스파르타 코딩클럽 후기] 왕초보 비개발자를 위한, 웹개발 종합반 (프로그래밍 실무, 풀스택)

수강하게 된 계기 스파르타 코딩클럽은 처음에는 SNS 광고에서만 봤던 코딩강의 사이트 중에 하나였다. 오.. 이런 사이트도 있구나.. 되게 디자인이 귀엽다라는 생각을 했었다 내일배움카드로 들을 수 있는 HRD-Net에서 제공하는 교육을 찾다가 학원을 다니면 좋겠다고 생각했었지만, 나는야 지방러..... 지방이다 보니 근처엔 학원이 없거나, 통학을 하거나, 자취를 해야하는 어려움이 있었다.. 그래도 지방 n년차 어느 정도의 거리는 감당할 수 있겠다고 생각했지만 매일 9시까지 4~5개월 동안 통학을 할 자신이 없었다. 더구나 출석률도 중요하기 때문에.. 지각도 XX 이전에도 다른 코딩강의를 들어왔었지만, 배운 것이 저장되고 활용할 수 있다면 얼마나 좋을까😂 국비교육이면서 대신 온라인으로 들을수 있는 강의는 ..

스파르타 코딩클럽 5주차

5주차 프로젝트 진행과 배포까지!! 설치 Filezilla 가비아 가입하기 & 도메인 구입하기 [프로젝트] 무비스타 DB 만들기 (데이터 쌓기) 데이터를 먼저 모아두고 데이터를 보여주는 작업을 한다. API를 설계하고 만드는 것에 집중할 수 있게 사용할 데이터를 웹스크래핑해서 데이터베이스에 저장하는 코드를 미리 작성해두었다. init_db.py 더보기 ⭐ 코드 스니펫 파일을 실행하면 내 mongoDB mystar collection에 영화인 정보가 저장된다. import requests from bs4 import BeautifulSoup from pymongo import MongoClient client = MongoClient('localhost', 27017) db = client.dbsparta..

프로젝트 버전 만들기

하나의 프로젝트를 만들다 보면 수정, 최종, 최종본, 진짜 최종, 진짜 최최종 이런식으로 파일을 여러개 만들어 본 경험이 있을 것이다. 하지만 우리는 GitHub 를 이용해 버전을 만들어서 저장할 수 있다! Commit 개발을 시작하는 사람이라면 한번쯤은 '커밋' 이라는 말을 들어봤을 것이다. 여기서 커밋은 하나의 버전을 의미한다. 최종, 진짜 최종, 진짜진짜 최종 이런 파일의 버전을 만든다고 생각하면 된다. 예를 들어, 페이지 1, 2, 3을 만들고 커밋을 하면 프로젝트v1 이 생성되는 것이고, 페이지 2를 수정하고 커밋을 하면 변동이 있는 2페이지만 커밋해서 프로젝트v2 를 생성한다. 이렇게 계속 해서 쌓이는 커밋은 기차처럼 쭉 나열된다. 이 때 최신버전이 있음에도 불구하고 다시 이전 버전으로 돌아가..

Git 초기화와 로컬 저장소 생성

Git 사용하기 1. CLI (Command Line Interface) Git이 제공하는 모든 기능을 사용할 수 있다. 가시적인 부분을 확인하기 어렵다. 2. GUI (Graphic User Interface) 버튼을 눌러서 명령을 실행 그래프, 코드 변경사항을 가시적으로 보기에 편리하다. 폴더에서 Git으로 버전관리하기 명령 프롬프트에서 코딩을 한 폴더에 git init을 작성하면 git을 초기화하며, .git 이라는 숨김폴더로 된 로컬 저장소가 생성된다. 우리는 로컬 저장소에서 버전관리를 할 수 있다. 로컬 저장소에 내가 만든 버전 정보, 원격 저장소 주소 등이 저장된다. 원격 저장소에서 내 컴퓨터로 코드를 받아오면 로컬 저장소가 자동으로 생긴다. 🚨 주의! 한 폴더에 하나의 로컬 저장소만 유지해야..

[4주차] 쇼핑몰 페이지 완성하기

API 설계 주문하기(POST): 정보 입력 후 '주문하기' 버튼 클릭 시 주문목록에 추가 주문내역보기(GET): 페이지 로딩 후 하단 주문 목록이 자동으로 보이기 예시 뼈대 코드 서버 코드 app.py from flask import Flask, render_template, jsonify, request app = Flask(__name__) from pymongo import MongoClient client = MongoClient('localhost', 27017) db = client.dbhomework ## HTML 화면 보여주기 @app.route('/') def homework(): return render_template('index.html') # 주문하기(POST) API @app...

스파르타 코딩클럽 4주차

4주차 Flask, 미니프로젝트(모두의 책 리뷰, 나홀로 메모장) HTML과 mongoDB까지 연동해서 서버를 만들어보자! 1. Flask 시작하기 - 서버만들기 Flask 프레임워크: 서버를 구동시켜주는 편한 코드 모음. 서버를 구동하려면 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있다. Flask 서버를 돌리는 파일은 통상적으로 app.py 라고 이름 짓는다. 라이브러리를 설치할 때와 마찬가지로 python interpreter 화면에서 Flask 를 설치한다. Flask 시작 from flask import Flask app = Flask(__name__) @app.route('/') def home(): return 'This is Home!' if __name__ == '__main__': app..

[3주차] 지니뮤직 Top50 스크래핑하기

과제 지니뮤직의 1~50위 곡을 스크래핑한다. 순위 / 곡 제목 / 가수 를 스크래핑 하면 된다. 순위와 곡제목이 깔끔하게 나오지 않을 것이다. 옆에 여백이 있다던가, 다른 글씨도 나온다던가 등.. 파이썬 문자열 자르기, 파이썬 공백 제거 등을 검색하여 알아보자! 🙋‍♀️ 힌트: 파이썬 내장함수인 strip( ) 을 이용해서 출력해보자! 예시 🤔 내가 작성한 코드 더보기 import requests from bs4 import BeautifulSoup from pymongo import MongoClient client = MongoClient('localhost', 27017) db = client.dbsparta headers = {'User-Agent' : 'Mozilla/5.0 (Windows N..

파이썬 공백 제거 방법

replace 문자열.replace(없앨 문자, 바꿀 문자) 원하는 문자로 변경한 새로운 문자열을 반환한다. 이를 이용하여 공백을 빈 문자열로 변경하겠다는 명령을 통해 공백을 제거할 수 있다. 공백없는문자열 = 공백있는문자열.replace(" ", "") strip 모든 공백을 제거할 수 있는 replace 함수와 달리 양쪽 끝에 있는 공백을 제거할 수 있다. 문자열 양 끝에 있는 공백을 제거해주고, 공백을 제거한 새로운 문자열을 반환한다. 문자열.strip() 문자열.lstrip() # 문자열 왼쪽에 있는 공백 제거 문자열.rstrip() # 문자열 오른쪽에 있는 공백 제거 차이점 replace : 문자열 내의 모든 공백을 제거 strip : 문자열의 양 끝의 공백을 제거 출처/참고 [python] 파..

스파르타 코딩클럽 3주차

3주차 - 파이썬 기초 문법 배우기 - 파이썬으로 웹에 있는 데이터를 긁어올 수 있는 크롤링 방법 알아보기 - pymongo를 통해 mongoDB를 제어하기 설치 Python MongoDB (설치 custom 경로: Windows-data-db 폴더 내부에 설치 / Install mongoDB Compass 체크박스 해제) 시스템 환경변수 편집: 시스템환경변수편집 - 환경변수 - 시스템변수 - Path - 편집 - 새로만들기 - MongoDB를 설치한 폴더 경로(C:\data\db\bin) 추가 - 확인 cmd - mongod - mongoDB 실행완료 - http://localhost:27017/ 검색 robo3T Gib Bash 복습 ⭐ 나홀로메모장에 openAPI 붙여보기 이번엔 우리가 만들었던 나..

라이브러리 기본 세팅

Ajax $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) 크롤링 import requests from bs4 import BeautifulSoup headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'} data = requests.get('https://movie.naver.com/movie/sdb/rank/rmovie.nhn?sel=pnt&date=20200303',..

addEventListener 사용법

addEventListener( ) 는 document의 특정요소(id, class, tag..)에 event를 등록할 때 사용한다. const loginForm = document.getElementById("login-form"); const loninInput = loginForm.querySelector('input'); const loginButton = loginForm.querySelector('button'); function handleLoginBtnClick() { /* 버튼클릭 이벤트가 발생했을 때 실행될 함수 작성 */ } loginButton.addEventListener('click', handleLoginBtnClick); 위와 같이 '클릭' 이벤트가 발생했을 때 함수(hand..