본문 바로가기

항해99_10기

 (109)
[1회독][5주차] AWS 서버를 사용하여 웹페이지 배포하기 학습 내용 이번에는 AWS 서버를 이용하여 내가 만든 팬명록 페이지를 인터넷 세상에 배포! + 도메인 구매 & filezilla로 파일 업로드 AWS 사이트에 접속하여 E2C 서버 구매 ubuntu 서버를 구매하고, 1년간 무료로 사용! 그리고 git bash를 열어 서버를 세팅! # python3 -> python sudo update-alternatives --install /usr/bin/python python /usr/bin/python3 10 # pip3 -> pip sudo apt-get update sudo apt-get install -y python3-pip sudo update-alternatives --install /usr/bin/pip pip /usr/bin/pip3 1 # po..
[1회독][4주차] flask로 서버 만들기 학습 내용 Flask와 mongoDB Atlas를 활용해 서버와 클라이언트 모두 만들기! GET, POST 방식 여러 방식(링크)이 존재하지만 우리는 가장 많이 쓰이는 GET, POST 방식에 대해 다룸 * GET → 통상적으로! 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회 → 데이터 전달 : URL 뒤에 물음표를 붙여 key=value로 전달 → 예: google.com?q=북극곰 * POST → 통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때 예) 회원가입, 회원탈퇴, 비밀번호 수정 → 데이터 전달 : 바로 보이지 않는 HTML body에 key:value 형태로 전달 학습 소감 화성땅 공동구매와 스파르타피아 두가지 프로젝트를 진행하고, 이후..
[1회독][3주차] 파이썬 & mongoDB 학습 내용 파이썬 기초 문법을 익히고, bs4 라이브러리를 이용해 데이터 스크래핑 후 mongoDB에 쌓아주기 DB의 두가지 종류 - SQL vs NoSQL(not only SQL) RDBMS(SQL) 엑셀과 같이 행열이 정해저 있는 형태의 DB. 정형화되어 있는 만큼, 데이터의 일관성이나 / 분석에 용이할 수 있음 ex) MS-SQL, My-SQL 등 No-SQL 딕셔너리 형태로 데이터를 저장해두는 DB입니다. 고로 데이터 하나 하나 마다 같은 값들을 가질 필요가 없음. 자유로운 형태의 데이터 적재에 유리한 대신, 일관성이 부족할 수 있음. ex) MongoDB bs4를 활용한 웹스크래핑 import requests from bs4 import BeautifulSoup # 타겟 URL을 읽어서 HTML..
[1회독][2주차] JQuery & Ajax 학습 내용 Javascript 문법에 익숙해진다. jQuery로 간단한 HTML을 조작할 수 있다. jQuery란 HTML의 요소들을 조작하는, 편리한 Javascript 라이브러리! Ajax로 서버 API(약속)에 데이터를 주고, 결과를 받아온다. AJAX란, JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자이다. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 이며 JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이다. Ajax 기본 코드 스니펫 $.ajax({ type: ..
[1회독] [1주차] HTML, CSS, 기초 JS 문법 & Bootstrap 1주차 수업내용 서버와 클라이언트의 역할 이해 HTML, CSS의 기초 지식 그리고 부트스트랩 Javascript 기초 문법 유용한 것들 https://kr.piliapp.com/facebook-symbols/ 1. background 이미지 넣기와 정렬 background-image: linear-gradient( 0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) ), url(""); background-position: top; background-size: cover; 2. 콘텐츠 정렬 display: flex; flex-direction: column; justify-content: center; align-items: center; 1주차 숙제 좋아하는 가수 팬명록 만들기..

티스토리툴바