스파르타코딩 엑셀보다 쉬운 SQL - 3주차 <수업 목표> 여러 테이블의 정보를 연결하는 Join을 이해한다. 연결된 정보를 바탕으로 보다 풍부한 데이터분석을 연습한다. 아래 위로 결과를 연결하는 Union을 공부한다. Join이란? -> 두 테이블의 공통된 정보 (key값)를 기준으로 테이블을 연결해서 한 테이블처럼 보는 것을 의미 1) Left Join 왼쪽에 오는 테이블을 기준으로 오른쪽 테이블 연결 -> 어떤 데이터는 모든 필드... 스파르타코딩코딩sqlsql 화성 땅 공동구매(토이프로젝트) *토이 프로젝트로 프론트 부분인 HTML과 서버 Flask가 통신할 수 있도록 API를 구축해본다. 이 전에 포스팅했던 내용과 동일하게 새 프로젝트 생성 후, 설정을 해준다. Flask의 규칙에 맞게 설정을 하면 되는데 이렇게 설치를 하고 인터프리터에서 flask, pymongo, dnspython을 설치한다. *API 만들고 사용하기 - 이름, 주소, 평수 저장하기 (Create -> PO... 토이프로젝트TIL항해99get방식post방식APIFlask스파르타코딩API 무비피디아 만들기 API와 크롤링 프로젝트 세팅하기 flask, pymongo, dnspython, requests, bs4 패키지 설치 templates안에 index.html static app.py ! 새프로젝트 시 위 환경설정은 필수! 크롤링할 때는 requests 와 bs4 패키지를 설치해야한다! og:image / og:title / og:description 을 크롤링 할 목적으로 크롤링을 사용! 크롤링 기본 코... 크롤링TIL항해99get방식post방식API스파르타코딩API Flask 시작하기 -서버만들기 Flask 패키지 설치! 파일 > 설정 > 인터프리터 Flask 서버를 만들 때, 항상, 프로젝트 폴더 안에, ㄴstatic 폴더 (이미지, css파일을 넣어둡니다) ㄴtemplates 폴더 (html파일을 넣어둡니다) ㄴapp.py 파일 이렇게 세 개를 만들어두고 시작해야한다. 이제 각 폴더의 역할이 있다. templates 폴더의 역할은 HTML 파일을 담아두고, 불러오는 역할을 한다. ... TILFlask스파르타코딩항해99Flask 엑셀보다 쉬운 SQL - 4주차 Subquery(서브쿼리)의 사용 방법을 배워본다 실전에서 유용한 SQL 문법을 더 배워본다 subquery 하나의 SQL 쿼리 안에 또다른 SQL 쿼리가 있는 것을 의미 -> join을 쓰지 않고도 같은 기능할 수 있음 ex) kakaopay로 결제한 유저들의 정보 보기 카카오로 결제한 유저의 정보 보기(join 기능 이용) subquery 이용 a. 우선 kakaopay로 결제한 user... 스파르타코딩코딩sqlsql 엑셀보다 쉬운 SQL 문법정리 보고싶은 필드를 적는다 group by나 where에 들어간 필드가 들어가면 보기 편한 것 같다 테이블에 없는 필드라도 보고싶은 통계(계산) 수치나 subquery를 넣어서 보면 된다 select의 필드가 들어있는 테이블을 적는다 보고싶은 데이터의 조건을 입력한다 특정 필드에 대한 조건을 입력한다 ex) name like '이xx' -> name 필드에 '이xx'인 데이터를 불러오라는 조건 ... 스파르타코딩코딩sqlsql 부트스트랩으로 포스팅 박스 제작하기 완성본 이 포스팅 박스를 부트스트랩으로 만들어보았다. 작년에 부트스트랩 공부했을 때 도대체가 무슨 말인지 몰라서 많이 헤맸던 경험이 있다.. 원하는 템플릿만 잘 찾아서 넣으면 되는데...그게 그렇게 어려웠나보다.. 1.큰 박스 먼저 만들기 하나의 div 클래스를 만들어 한 묶음로 만들어주었다. 2.영화URL 부트스트랩에 있는 이메일 템플릿을 활용하여 코드를 가져왔다. 가져온 후에는 적절하게 ... 항해99스파르타코딩bootstrapTILWILTIL HTML, CSS 기본내용 HTML은 뼈대, CSS는 꾸미기! 인스타그램에서 니꼴라스가 HTML과 CSS의 비유를 기가 막히게 들었던 기억이 있다. HTML은 민낯이고, CSS는 화장! 정말 적절한 비유인 것 같다. (나는 이런 비유를 좋아한다.) HTML은 크게 head와 body로 나뉜다. head안에는 페이지의 속성 정보를 담고, body안에는 내용을 담는다. head안에는 meta, script, link,ti... 항해99스파르타코딩CSSTILWILhtmlCSS 영화피디아 Ajax 로 붙이기 영화 평가가 담긴 카드섹션을 Ajax로 불러와봤다. 완성본 포인트는 API를 사용 / 호출해서 필요한 데이터를 가져와 활용하는 것! 필요한 정보인 제목, 내용, 이미지, 코멘트 그리고 별점! 필요한 정보를 각 변수에 담아주고 데이터를 넣어줘야 하는 곳 에 ${}으로 넣어준다. temp_html에 `` 을 넣어 $('#cards-box').append(temp_html)로 추가한다! 별점의 경... 항해99ajax스파르타코딩TILTIL jQuery + Ajax의 조합 연습 문제 실시간 서울시의 OpenAPI를 이용해서 모든 구의 미세먼지를 표기한다. 업데이트 버튼을 누를 때마다 새로 업데이트가 된다. button은 onclick으로 q1() 함수로 연결된다. 먼저 기본 ajax 구조에서 "GET" 방식으로 하고 url을 넣어준다. rows 변수에 response['RealtimeCityAir']['row'] 값을 담아 for문으로 구 이름과 미세먼지 수치 데이... 항해99스파르타코딩jqueryTILajaxTIL 스파르타 웹개발종합반 열한번째 날 일기(5-9~19) AWS 서버 구매하기 > 서버 세팅하기 > flask 서버를 실행해보기 > AWS에서 포트 열어주기 > 원페이지쇼핑몰 업로드해보기 > 포트포워딩 > nohup 설정하기 > 도메인 구입하기 > og 태그 AWS 서버 구매하기 1) EC2에 접속하기 gitbash 실행 후 아래 내용 입력 서버 세팅하기 *5주차 강의자료 참고 2) 서버 환경 통일하기 *제공되는 <EC2 한방에 세팅하기> 파일을 ... API스파르타코딩배포코딩FlaskAPI 항해99 사전수업 첫 출발을 시작하며 항해 99 사전 항해를 시작하며 즐거움만 걱정과 두려움 반으로 시작했는데 너무 어렵게 생각해서 그런지 튜터님께서 쉽게 알려주셨지만 경험치를 제대로 받지 못한 것 같다. 다음 주부터는 필기를 더 열심히 하면서 일지를 기록해야겠다는 생각을 했다. 늦은 나이와 돌아갈 곳이 없기 때문에 처음에 시작하려 했던 그 마음을 그대로 가지고 시작해야 한다. 웹 개발 1주 차 시작에서 정말 어려웠던 건 역시 ... 항해스파르타코딩개발자끝까지 포기하지 않고누구나 할 수 있는개발자 웹개발플러스 개발일지 1주차 6월 28일 오후 8시에 간략한 OT를 듣고 바로 수업을 듣기 시작해서 오늘 숙제 제출까지 끝냈다. 간단하게나마 개발일지를 남겨보고자 한다. 공부 내용 1주차에서는 간단하게 사진과 글을 올릴 수 있는 페이지를 만들고 AWS EC2로 배포하는 내용을 함께 공부했다. 서버는 Flask 프레임워크를 사용해서 간단하게 구축했고, 프론트 페이지는 html+css+Jquery를 사용해서 만들었다. 느낀... 스파르타코딩웹개발플러스스파르타코딩 스파르타 웹개발 종합반 4주차 강의 개발일지 숙제에서 할 것 1) API 정보 만들기 2) API 정보 불러오기 -> 웹페이지에서 주문 정보를 입력하고 서버는 DB로 정보를 저장한다. -> 저장된 주문 정보 전체 리스트를 페이지 하단에 표시한다. 코드 1) app.py 2) index.html 마치며 처음에는 전체적인 그림이 보이지 않았고, 쉬웠던 숙제는 아니었다. 그래서 이전 연습 문제의 코드를 따라썼고 답안도 보면서 숙제를 했다. ... 스파르타코딩코딩웹개발종합반FlaskAPIAPI 스파르타코딩 - 알고리즘 강의 3 주차 (ft.정렬) 버블정렬 바로 앞에 배열과 비교 선택정렬 최소값을 찾아 변경 : array(min_index) 삽입정렬 1부터 n까지 keyword 병합정렬 재귀함수 활용 모두분해해서 합치면서 정렬ㄹㄹㄹ... insertion버블정렬python선택정렬selection알고보면알기쉬운알고리즘파이썬algorithmSortmarge병합정렬array삽입정렬스파르타코딩Sort [힙한취미코딩] 나홀로 개발일지2 3) 우선! 5) 봉투를 놓기 6) 봉투 밑에 글씨를 놓기 7) 마지막으로, 둘을 div로 묶어주기 10) 르탄이 만들기 [코드스니펫] - 첫번째 르탄이 르탄이 이미지를 띄우기 르탄이 띄우기 그림자 효과 넣어주기 → 이런 경우는, 일단 가운데에 넣어놓고, 간격은 나중에 조절하는 게 좋아요! 하얀색 글씨 + 가운데에 놓기 12) 메시지 넣기 메시지를 직접 작성해주세요! 우선 메시지를 쓸까요? ... 힙한취미코딩나홀로개발일지스파르타코딩나홀로개발일지 [스파르타코딩클럽_왕초보 웹개발 1주차] 디자인과 출신 코린이의 개발일지 '나중에도 이거로 밥벌어 먹고 살 수 있을까?'였다. 보다 더 전문성 있는 직무를 준비해볼까 고민하던 찰나, 하지만 1주차 강의를 들으며 그런 고민은 사라졌고, 조금 더 깊게 배우고 싶어졌다. 이런 마음에 개발일지를 쓰면서 내 개발 실력을 더 발전시키고싶어졌다. 코딩 왕초보라 CSS,HTML,JAVASCRIPT 모두 이 수업에서 처음 접했기에 개발일지가 개발새발일 수 있지만 한번 열심히 써봐... 개발입문자코딩개발일지웹개발CSS개발일지첫코딩코딩입문스파르타코딩클럽html코딩왕초보코린이코딩초보스파르타코딩CSS 프론트엔드 2주차 벌써 수업 2주차다! 이번주는 수업을 많이 듣지 못했다. 너무 더워~~ㅠㅠ 밖에 못나가겠다. 학교 컴이 빠르고 좋아서 학교에서 하고 있는데 학교 안 코로나 확진자가 점점 늘어나고 난리다. 나도 검사받고 왔는데 다행히 음성나왔다.. 다시 열심히 듣자! 읏짜! [수업 목표] 컴포넌트의 state를 관리할 수 있다. 컴포넌트의 라이프 사이클을 이해한다. 오픈소스 패키지를 찾아서 설치할 수 있다. ... 2주차리액트프론트엔드스파르타코딩2주차 [D+57]웹개발 종합강의_5주차(2) 시작부터 난관이다.. 리눅스로 원격접속을 해서 컴퓨터를 저장하는건데,, 지난번에 할 땐 오류 없이 잘했는데 지난번꺼를 삭제해서 그런건가 계속 Linux Permission denied (publickey,gssapi-keyex,gssapi-with-mic) 요로코롬 오류만 뜨고.. 뭐가 잘못 된건지 모르겟당... ssh -i pem복사하고 ubuntu@ip4복사 다 외웠다 도대ㅊ.. 왜 안돼... 스파르타코딩TILaws웹개발종합강의TIL
엑셀보다 쉬운 SQL - 3주차 <수업 목표> 여러 테이블의 정보를 연결하는 Join을 이해한다. 연결된 정보를 바탕으로 보다 풍부한 데이터분석을 연습한다. 아래 위로 결과를 연결하는 Union을 공부한다. Join이란? -> 두 테이블의 공통된 정보 (key값)를 기준으로 테이블을 연결해서 한 테이블처럼 보는 것을 의미 1) Left Join 왼쪽에 오는 테이블을 기준으로 오른쪽 테이블 연결 -> 어떤 데이터는 모든 필드... 스파르타코딩코딩sqlsql 화성 땅 공동구매(토이프로젝트) *토이 프로젝트로 프론트 부분인 HTML과 서버 Flask가 통신할 수 있도록 API를 구축해본다. 이 전에 포스팅했던 내용과 동일하게 새 프로젝트 생성 후, 설정을 해준다. Flask의 규칙에 맞게 설정을 하면 되는데 이렇게 설치를 하고 인터프리터에서 flask, pymongo, dnspython을 설치한다. *API 만들고 사용하기 - 이름, 주소, 평수 저장하기 (Create -> PO... 토이프로젝트TIL항해99get방식post방식APIFlask스파르타코딩API 무비피디아 만들기 API와 크롤링 프로젝트 세팅하기 flask, pymongo, dnspython, requests, bs4 패키지 설치 templates안에 index.html static app.py ! 새프로젝트 시 위 환경설정은 필수! 크롤링할 때는 requests 와 bs4 패키지를 설치해야한다! og:image / og:title / og:description 을 크롤링 할 목적으로 크롤링을 사용! 크롤링 기본 코... 크롤링TIL항해99get방식post방식API스파르타코딩API Flask 시작하기 -서버만들기 Flask 패키지 설치! 파일 > 설정 > 인터프리터 Flask 서버를 만들 때, 항상, 프로젝트 폴더 안에, ㄴstatic 폴더 (이미지, css파일을 넣어둡니다) ㄴtemplates 폴더 (html파일을 넣어둡니다) ㄴapp.py 파일 이렇게 세 개를 만들어두고 시작해야한다. 이제 각 폴더의 역할이 있다. templates 폴더의 역할은 HTML 파일을 담아두고, 불러오는 역할을 한다. ... TILFlask스파르타코딩항해99Flask 엑셀보다 쉬운 SQL - 4주차 Subquery(서브쿼리)의 사용 방법을 배워본다 실전에서 유용한 SQL 문법을 더 배워본다 subquery 하나의 SQL 쿼리 안에 또다른 SQL 쿼리가 있는 것을 의미 -> join을 쓰지 않고도 같은 기능할 수 있음 ex) kakaopay로 결제한 유저들의 정보 보기 카카오로 결제한 유저의 정보 보기(join 기능 이용) subquery 이용 a. 우선 kakaopay로 결제한 user... 스파르타코딩코딩sqlsql 엑셀보다 쉬운 SQL 문법정리 보고싶은 필드를 적는다 group by나 where에 들어간 필드가 들어가면 보기 편한 것 같다 테이블에 없는 필드라도 보고싶은 통계(계산) 수치나 subquery를 넣어서 보면 된다 select의 필드가 들어있는 테이블을 적는다 보고싶은 데이터의 조건을 입력한다 특정 필드에 대한 조건을 입력한다 ex) name like '이xx' -> name 필드에 '이xx'인 데이터를 불러오라는 조건 ... 스파르타코딩코딩sqlsql 부트스트랩으로 포스팅 박스 제작하기 완성본 이 포스팅 박스를 부트스트랩으로 만들어보았다. 작년에 부트스트랩 공부했을 때 도대체가 무슨 말인지 몰라서 많이 헤맸던 경험이 있다.. 원하는 템플릿만 잘 찾아서 넣으면 되는데...그게 그렇게 어려웠나보다.. 1.큰 박스 먼저 만들기 하나의 div 클래스를 만들어 한 묶음로 만들어주었다. 2.영화URL 부트스트랩에 있는 이메일 템플릿을 활용하여 코드를 가져왔다. 가져온 후에는 적절하게 ... 항해99스파르타코딩bootstrapTILWILTIL HTML, CSS 기본내용 HTML은 뼈대, CSS는 꾸미기! 인스타그램에서 니꼴라스가 HTML과 CSS의 비유를 기가 막히게 들었던 기억이 있다. HTML은 민낯이고, CSS는 화장! 정말 적절한 비유인 것 같다. (나는 이런 비유를 좋아한다.) HTML은 크게 head와 body로 나뉜다. head안에는 페이지의 속성 정보를 담고, body안에는 내용을 담는다. head안에는 meta, script, link,ti... 항해99스파르타코딩CSSTILWILhtmlCSS 영화피디아 Ajax 로 붙이기 영화 평가가 담긴 카드섹션을 Ajax로 불러와봤다. 완성본 포인트는 API를 사용 / 호출해서 필요한 데이터를 가져와 활용하는 것! 필요한 정보인 제목, 내용, 이미지, 코멘트 그리고 별점! 필요한 정보를 각 변수에 담아주고 데이터를 넣어줘야 하는 곳 에 ${}으로 넣어준다. temp_html에 `` 을 넣어 $('#cards-box').append(temp_html)로 추가한다! 별점의 경... 항해99ajax스파르타코딩TILTIL jQuery + Ajax의 조합 연습 문제 실시간 서울시의 OpenAPI를 이용해서 모든 구의 미세먼지를 표기한다. 업데이트 버튼을 누를 때마다 새로 업데이트가 된다. button은 onclick으로 q1() 함수로 연결된다. 먼저 기본 ajax 구조에서 "GET" 방식으로 하고 url을 넣어준다. rows 변수에 response['RealtimeCityAir']['row'] 값을 담아 for문으로 구 이름과 미세먼지 수치 데이... 항해99스파르타코딩jqueryTILajaxTIL 스파르타 웹개발종합반 열한번째 날 일기(5-9~19) AWS 서버 구매하기 > 서버 세팅하기 > flask 서버를 실행해보기 > AWS에서 포트 열어주기 > 원페이지쇼핑몰 업로드해보기 > 포트포워딩 > nohup 설정하기 > 도메인 구입하기 > og 태그 AWS 서버 구매하기 1) EC2에 접속하기 gitbash 실행 후 아래 내용 입력 서버 세팅하기 *5주차 강의자료 참고 2) 서버 환경 통일하기 *제공되는 <EC2 한방에 세팅하기> 파일을 ... API스파르타코딩배포코딩FlaskAPI 항해99 사전수업 첫 출발을 시작하며 항해 99 사전 항해를 시작하며 즐거움만 걱정과 두려움 반으로 시작했는데 너무 어렵게 생각해서 그런지 튜터님께서 쉽게 알려주셨지만 경험치를 제대로 받지 못한 것 같다. 다음 주부터는 필기를 더 열심히 하면서 일지를 기록해야겠다는 생각을 했다. 늦은 나이와 돌아갈 곳이 없기 때문에 처음에 시작하려 했던 그 마음을 그대로 가지고 시작해야 한다. 웹 개발 1주 차 시작에서 정말 어려웠던 건 역시 ... 항해스파르타코딩개발자끝까지 포기하지 않고누구나 할 수 있는개발자 웹개발플러스 개발일지 1주차 6월 28일 오후 8시에 간략한 OT를 듣고 바로 수업을 듣기 시작해서 오늘 숙제 제출까지 끝냈다. 간단하게나마 개발일지를 남겨보고자 한다. 공부 내용 1주차에서는 간단하게 사진과 글을 올릴 수 있는 페이지를 만들고 AWS EC2로 배포하는 내용을 함께 공부했다. 서버는 Flask 프레임워크를 사용해서 간단하게 구축했고, 프론트 페이지는 html+css+Jquery를 사용해서 만들었다. 느낀... 스파르타코딩웹개발플러스스파르타코딩 스파르타 웹개발 종합반 4주차 강의 개발일지 숙제에서 할 것 1) API 정보 만들기 2) API 정보 불러오기 -> 웹페이지에서 주문 정보를 입력하고 서버는 DB로 정보를 저장한다. -> 저장된 주문 정보 전체 리스트를 페이지 하단에 표시한다. 코드 1) app.py 2) index.html 마치며 처음에는 전체적인 그림이 보이지 않았고, 쉬웠던 숙제는 아니었다. 그래서 이전 연습 문제의 코드를 따라썼고 답안도 보면서 숙제를 했다. ... 스파르타코딩코딩웹개발종합반FlaskAPIAPI 스파르타코딩 - 알고리즘 강의 3 주차 (ft.정렬) 버블정렬 바로 앞에 배열과 비교 선택정렬 최소값을 찾아 변경 : array(min_index) 삽입정렬 1부터 n까지 keyword 병합정렬 재귀함수 활용 모두분해해서 합치면서 정렬ㄹㄹㄹ... insertion버블정렬python선택정렬selection알고보면알기쉬운알고리즘파이썬algorithmSortmarge병합정렬array삽입정렬스파르타코딩Sort [힙한취미코딩] 나홀로 개발일지2 3) 우선! 5) 봉투를 놓기 6) 봉투 밑에 글씨를 놓기 7) 마지막으로, 둘을 div로 묶어주기 10) 르탄이 만들기 [코드스니펫] - 첫번째 르탄이 르탄이 이미지를 띄우기 르탄이 띄우기 그림자 효과 넣어주기 → 이런 경우는, 일단 가운데에 넣어놓고, 간격은 나중에 조절하는 게 좋아요! 하얀색 글씨 + 가운데에 놓기 12) 메시지 넣기 메시지를 직접 작성해주세요! 우선 메시지를 쓸까요? ... 힙한취미코딩나홀로개발일지스파르타코딩나홀로개발일지 [스파르타코딩클럽_왕초보 웹개발 1주차] 디자인과 출신 코린이의 개발일지 '나중에도 이거로 밥벌어 먹고 살 수 있을까?'였다. 보다 더 전문성 있는 직무를 준비해볼까 고민하던 찰나, 하지만 1주차 강의를 들으며 그런 고민은 사라졌고, 조금 더 깊게 배우고 싶어졌다. 이런 마음에 개발일지를 쓰면서 내 개발 실력을 더 발전시키고싶어졌다. 코딩 왕초보라 CSS,HTML,JAVASCRIPT 모두 이 수업에서 처음 접했기에 개발일지가 개발새발일 수 있지만 한번 열심히 써봐... 개발입문자코딩개발일지웹개발CSS개발일지첫코딩코딩입문스파르타코딩클럽html코딩왕초보코린이코딩초보스파르타코딩CSS 프론트엔드 2주차 벌써 수업 2주차다! 이번주는 수업을 많이 듣지 못했다. 너무 더워~~ㅠㅠ 밖에 못나가겠다. 학교 컴이 빠르고 좋아서 학교에서 하고 있는데 학교 안 코로나 확진자가 점점 늘어나고 난리다. 나도 검사받고 왔는데 다행히 음성나왔다.. 다시 열심히 듣자! 읏짜! [수업 목표] 컴포넌트의 state를 관리할 수 있다. 컴포넌트의 라이프 사이클을 이해한다. 오픈소스 패키지를 찾아서 설치할 수 있다. ... 2주차리액트프론트엔드스파르타코딩2주차 [D+57]웹개발 종합강의_5주차(2) 시작부터 난관이다.. 리눅스로 원격접속을 해서 컴퓨터를 저장하는건데,, 지난번에 할 땐 오류 없이 잘했는데 지난번꺼를 삭제해서 그런건가 계속 Linux Permission denied (publickey,gssapi-keyex,gssapi-with-mic) 요로코롬 오류만 뜨고.. 뭐가 잘못 된건지 모르겟당... ssh -i pem복사하고 ubuntu@ip4복사 다 외웠다 도대ㅊ.. 왜 안돼... 스파르타코딩TILaws웹개발종합강의TIL