힘차게, 열심히 공대생

9.16 웹 프로그래밍 A-Z기초 5주차 1) AWS 서버 구매하기 https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2 https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2 ap-northeast-2.console.aws.amazon.com 1. aws 에 들어가 로그인을 한 후 인스턴스를 클릭힌다. [인스턴스] - [인스턴스 시작] - 3번째 거 (ubuntu server 18.04) 인스턴스 : 서버 하나하나 오픈소스 라이브러리인 리눅스 기반 서버 Ubuntu를 사용한다. (무료 라이센스이기 때문) 2. T2 micro 선..

9.15 웹 프로그래밍 A-Z기초 4주차 1) Flask 플라스크는 파이썬으로 작성된 웹 프레임워크로, 파이참을 이용해 pip flask 라이브러리를 설치함으로써 사용할 수 있다. 1. 플라스크 시작하기 서버를 실행시킬 폴더를 만든 후, 폴더 안에 app.py 를 하나 만듭니다. app.p : 서버를 구동시킬 파일로 사용되며, 이름은 아무거나해도 상관없지만 통상적으로 app.py를 많이 씀 from flask import Flask app = Flask(__name__) @app.route('/') def hello(): return 'Hello, My First Flask!' app.py 와 같은 폴더안에 "templates" 폴더를 생성합니다. templates : 폴더안에 html 파일이 위치합니다..

9.14 웹 프로그래밍 A-Z기초 2주차 1) jquery 1. [class, id 지칭] - css 와 반대 class : ex) $(".class").val() id : ex) $("#id").val() 2. 백틱(``) - jquery html append let temp_html = `` temp_html = ` 이 버튼이 삽입됨` $('#html_id').append(temp_html) 3. 제이쿼리 이미지 src 변경 (jquery img src) $('#img').attr('src', url); 4. 윂이지 로딩 후 호출 (바로 호출) jquery를 이용하여 웹페이지가 로딩됨과 동시에 함수를 호출하고 싶다면 아래의 코드를 삽입하면 된다. $(document).ready(function (){..

9.13 웹 프로그래밍 A-Z기초 1주차 1) 파이참 자동 정열 (깔금하게 정리) * 탭 - 영역관리? 는 되지않고 줄만 나누어진다...ㅠ ctrl+alt+L (이런 느낌) 로그인 페이지 ID: PW: 로그인하기 2) CSS 속성 1. background - size : cover 백그라운드 이미지를 지정해 줄 때, cover에 맞게 사이즈 조정 2. margin : auto 객체 가운데 정렬 (양쪽 여백을 동등하게 줘서 해결) .wrap { margin: 10px auto; width: 300px; } 3. class의 이름을 2개 붙히는게 가능하다..! (클래스 중첩) 로그인하기 이렇게 지정을 해주면 .mybtn 과 .red-font 2개의 class 이름은 모두 설정이 먹는다 3) 부트스트랩 사용하..