내일배움캠프/웹개발 종합반5 5주차 정리 웹 서비스 런칭에 필요한 개념 웹 서비스를 런칭하기 위해 클라이언트의 요청에 항상 응답해줄 수 있는 서버에 프로젝트를 실행시켜줄 거에요. 언제나 요청에 응답하려면, 컴퓨터가 항상 켜져있고 프로그램이 실행되어 있어야하고, 모두가 접근할 수 있는 공개 주소인 공개 IP 주소(Public IP Address)로 나의 웹 서비스에 접근할 수 있도록 해야해요. 서버는 그냥 컴퓨터라는거 기억나시죠? 외부 접속이 가능하게 설정한 다음에 내 컴퓨터를 서버로 사용할 수도 있어요. 우리는 AWS 라는 클라우드 서비스에서 편하게 서버를 관리하기 위해서 항상 켜 놓을 수 있는 컴퓨터인 EC2 사용권을 구입해 서버로 사용할 겁니다. 리눅스 명령어 ls: 내 위치의 모든 파일을 보여준다. pwd: 내 위치(폴더의 경로)를 알려준.. 2022. 10. 24. 4주차 정리 Flask Flask 프레임워크 서버를 구동시켜주는 편한 코드 모음. 서버를 구동하는데 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있다. Flask 기본 폴더구조 프로젝트 폴더 안에, ㄴstatic 폴더 (이미지, css파일을 넣어둡니다) ㄴtemplates 폴더 (html파일을 넣어둡니다) ㄴapp.py 파일 Flask 기초(URL 나눠보기) from flask import Flask app = Flask(__name__) @app.route('/') def home(): return 'This is Home!' @app.route('/mypage') def mypage(): return 'This is My Page!' if __name__ == '__main__': app.run('0.0.0.0',p.. 2022. 10. 21. 3주차 정리 파이썬 파이썬은 매우 직관적인 언어이다. 파이썬은 패키지라는 것을 쓰는데, 패키지란 모듈을 모아 놓은 단위이다. 패키지의 묶음을 라이브러리라고 한다. 즉 패키지 설치=외부 라이브러리 설치라고 할 수 있다. 가상환경(virtual environment=venv)은 같은 시스템에서 실행되는 다른 파이썬 응용 프로그램들의 동작에 영향을 주지 않기 위해, 파이썬 배포 패키지들을 설치하거나 업그레이드하는 것을 가능하게 하는 격리된 실행 환경이다. 즉 프로젝트마다 다른 패키지를 쓸 수 있다. python 기초 변수&기본연산 a = 3 # 3을 a에 넣는다 b = a # a를 b에 넣는다 a = a + 1 # a+1을 다시 a에 넣는다 num1 = a*b # a*b의 값을 num1이라는 변수에 넣는다 num2 = 9.. 2022. 10. 20. 2주차 정리 JQuery란? JQuery는 Javascript 를 미리 작성해둔 라이브러리이다. Javascript로도 구현할 수 있지만, 코드가 복잡하고 브라우저 간 호환성 문제가 있어서 JQuery를 쓴다. JQuery 기초 JQuery Javascript 코드 head 부분에 입력 JQuery 사용법 id 값이 필요하며 항목을 불러올 때는 ${'#...'} function q1() { let txt = $('#input-q1').val() if( txt =='') { alert('입력하세요!') } else { alert(txt) } API API는 은행 창구 같은 것 GET = 통상적으로 데이터 조회(Read)를 할 때 사용 POST = 통상적으로 데이터 생성(Create), 변경(Update), 삭제(Del.. 2022. 10. 19. 1주차 정리 웹 동작의 개념 웹페이지는 서버에서 미리 준비해두었던 것을 서버에서 받아서 보여주는 것. 브라우저의 역할 = 서버에 요청하고 받아와서 보여주기 HTML -> 뼈대 CSS -> 꾸미는거(폰트,로고,디자인) 자바 스크립트 -> 움직이는 것 HTML head 페이지의 속성 정보 meta, title, style 등등이 있음 body 페이지에 보이는 모든 것들 텍스트,버튼 등등 CSS 작성법 안에 을 넣어 작성한다. 자주 사용하는 css 배경 관련 background-color background-image background-size 사이즈 width height 폰트 font-size font-weight font-family color color 간격 margin - 외부 간격 padding - 내부 간격.. 2022. 10. 18. 이전 1 다음