pymongo 라는 라이브버리로 mongoDB를 조작한다. pymongo 기본 코드 insert find update delete from pymongo import MongoClient client = MongoClient('localhost', 27017) db = client.dbsparta Insert doc = {'name':'bobby', 'age':21} db.users.insert_one(doc) db = client.dbsparta bsparta라는 디비에 접속한다, 없으면 생성한다. * 코드를 저장하고, Roto 3T에 들어가서 새로고침하면 find {}빈 채로 두면 모두 가져온다. #find same_ages = list(db.users.find({'age':32},{'_id':Fal..
[수업 목표] Javascript 문법에 익숙해진다. jQuery로 간단한 HTML을 조작할 수 있다. Ajax로 서버 API(약속)에 데이터를 주고, 결과를 받아온다. 클릭했을 때 함수가 실행되도록 설정하는 방법 포스팅박스 열기 https://www.w3schools.com/jquery/jquery_get_started.asp 에서 구글스크립트를 써주어야 제이쿼리 사용가능. 임포트하는 것. Jquery 기초 콘솔에서 제이쿼리로 웹페이지 제어하기 val() hide(), show() css('width') css('display') 텍스트 바꾸기 temp에 div통째로 저장 append로 이어붙일 수 있다. 열고닫는 함수 적용하기 style에 기본값 display: none; 적용하면 처음부터 안보이게 ..
12~16. JS 기초문법 List push : 리스트의 마지막에 추가, 인덱스를 반환 Dictionary push안쓰고, 없는 키에 바로 값을 넣으면 생성된다. 값으로 리스트를 넣을 수 있다. split 함수 사용 나누어진 리스트를 반환한다. 함수 만들기 덧셈값을 반환하는 함수를 정의한다. 두 개의 값을 더한 값을 반환해준다. 함수에 alert기능 추가하기 alert메세지에 주어진 값을 활용한다. 조건문 if 20이상인 값이면 성인입니다를 출력한다. 반복문 for 0부터 20미만까지, i를 1씩 증가시키면서 총 20번 console.log를 실행한다. 응용예시 1. 서울시 미세먼지 정보 활용하기: 구 별로, 미세먼지 정보 가져와서 출력하기 가져온 미세먼지가 40이하일 경우만 출력하기 2. 서울시 따릉이..
수업목표 서버-클라이언트 역할 이해 HTML. CSS 기초지식 이해, 부트스트랩 사용 Javascript 기초 문법 사용 01~03. HTML, CSS 기본 개념 네이버 웹페이지의 글을 수정했다. 웹서비스의 동작원리가 뭘까? 힌트1: 내 컴퓨터에서만 수정된다. 원리가 뭘까? 힌트2: 내가 보고 있는 웹페이지는 사실, 인터넷과 관련이 없다. 힌트3: 새로고침하면 원상복귀된다. 왜? 서버로 부터 새로 정보를 받아오기 때문이다. 브라우저의 역할: 서버에 요청한다 -> 받아와서 그려준다. html: 뼈대 css: 꾸미는 것(예: 컬러, 폰트사이즈 등을 지정하는 것) js: 클릭하면 이동하는 것, 움직이는 것 등 영화예매사이트에서 새로고침하지 않아도, 좌석이 실시간으로 보이는 것? 예쁘게 그리지않고, 데이터만 주..
html, css, js를 배우고있다. 입문은 노마드코더로 했는데, 좀더 세세하고 체계적인 강의를 찾아다니다가 유튜브에서 엘리님의 강의를 발견! 엘리님의 프론트엔드 입문 재생목록을 싹다 봤다. 마지막에 유튜브 클론코딩하는 프로젝트가 있길래 도전했다. 일단 완성본! 모바일 버전,제목이 길면 2줄정도만 보이도록 설정했다. 삼각형 버튼으로 토글한다. 모바일 기준으로 우선 만들고, 테블릿형태로 확장했다. 너비가 일정이상일 때, 가장 밑에 위치했던 추천영상리스트를 가로로 정렬되도록 재배치했다. 그리고 영상의 뒷배경을 검정색으로 지정하여 배경과 잘 어우러지도록 설정함. 이 프로젝트에 엄청난(?) 기술이 쓰인 건 아니지만, 보통 프론트엔드 개발자들이 마주치는 상황에서 어떤 식으로 생각하는지 배울 수 있었다. 미리 폰..
