스파르타코딩 웹개발/PyCharm 5

웹개발 5주차

내 프로젝트를 서버에 올리기 1) "웹서비스 런칭" 에 필요한 개념 소개 : 내가 만든 프로젝트를 배포하기 배포는 누구나 내 서비스를 사용할 수 있게 하기 위해서 작업들이에요. 웹 서비스를 런칭하는 거죠! 언제나 요청에 응답하려면, 1️⃣ 컴퓨터가 항상 켜져있고 프로그램이 실행되어 있어야하고, 2️⃣ 모두가 접근할 수 있는 공개 주소인 공개 IP 주소(Public IP Address)로 나의 웹 서비스에 접근할 수 있도록 해야해요. 2) 간단한 리눅스 명령어 연습하기 (리눅스는 윈도우 같지 않아서, '쉘 명령어'를 통해 OS를 조작한다.) ls: 내 위치의 모든 파일을 보여준다. pwd: 내 위치(폴더의 경로)를 알려준다. mkdir: 내 위치 아래에 폴더를 하나 만든다. cd [갈 곳]: 나를 [갈 곳..

웹개발 4주차

Flask 시작하기 - 서버만들기 1) Flask 프레임워크: 서버를 구동시켜주는 편한 코드 모음. 서버를 구동하려면 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있습니다. - 파일 이름은 아무렇게나 해도 상관없지만, 통상적으로 flask 서버를 돌리는 파일은 app.py라고 이름 짓습니다! 2) Flask 기초: 기본 폴더구조 - 항상 이렇게 세팅하고 시작! 프로젝트 폴더 안에, 1️⃣ static 폴더 (이미지, css파일을 넣어둡니다) 2️⃣ templates 폴더 (html파일을 넣어둡니다) 더보기 from flask import Flask, render_template app = Flask(__name__) ## URL 별로 함수명이 같거나, ## route('/') 등의 주소가 같으면 안됩니다. ..

웹개발 3주차

파이썬 1) 파이썬을 설치한다는 것의 의미: 일종의 번역팩을 설치한다고 생각하면 됨. 컴퓨터는 101010001 과 같은 언어만 알아듣기 때문에 파이썬 문법으로 된 것을 101010001로 변환해줄 수 있도록, 번역 패키지를 설치하는 것 2) 파이썬 기초공부 - 변수& 기본연산 더보기 a = 3 # 3을 a에 넣는다 b = a # a를 b에 넣는다 a = a + 1 # a+1을 다시 a에 넣는다 num1 = a*b # a*b의 값을 num1이라는 변수에 넣는다 num2 = 99 # 99의 값을 num2이라는 변수에 넣는다 # 변수의 이름은 마음대로 지을 수 있음! # 진짜 "마음대로" 짓는 게 좋을까? var1, var2 이렇게? - 자료형 더보기 1) 숫자, 문자형 name = 'bob' # 변수에는 ..

웹개발 2주차

jQuery 시작하기 jQuery란? : HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리! jQuery와 Javascript - 코드 비교해보기 jQuery는 Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드입니다. 전문 개발자들이 짜둔 코드를 잘 가져와서 사용하는 것임을 기억해주세요! (그렇게 때문에, 쓰기 전에 "임포트"를 해야합니다!) 더보기 Javascript로 길고 복잡하게 써야 하는 것을 document.getElementById("element").style.display = "none"; jQuery로 보다 직관적으로 쓸 수 있어요 $('#element').hide(); jQuery 사용하기 : 미리 작성된 ..

웹개발 1주차

서버/클라이언트/웹의 동작 개념 1) 웹의 동작 개념 (HTML을 받는 경우) 👉 우리가 보는 웹페이지는 모두 서버에서 미리 준비해두었던 것을 "받아서", "그려주는" 것입니다. 즉, 브라우저가 하는 일은 1️⃣ 요청을 보내고, 2️⃣ 받은 HTML 파일을 그려주는 일 뿐이죠. 👉 그렇다면 1️⃣은 어디에 요청을 보낼까? 서버가 만들어 놓은 "API"라는 창구에 미리 정해진 약속대로 요청을 보냄 ex) https://naver.com/ → 이것은 "naver.com"이라는 이름의 서버에 있는, "/" 창구에 요청을 보낸 것! 2) 웹의 동작 개념 (데이터만 받는 경우) 👉 공연 티켓을 예매하고 있는 상황을 상상해봅시다! 좌석이 차고 꺼질때마다 보던 페이지가 리프레시 되면 난감하겠죠ㅠ? 이럴 때! 데이터만..