웹개발

국비지원을 통해 웹개발 전체과정을 빠르게 훑을 수 있는 온라인과정을 들을 수 있었다. 약 한달간 진행되는 강의였지만, 하루 최대 수강가능한 8강(국비지원이라 이렇게 정해져 있다고 함) 풀로 채워들어서 11일 남짓하게 모두 수강했다. 하루에 적으면 1시간, 많으면 3시간 정도만 투자하면 다 들을 수 있다. 일단 난 코딩을 해봤고, 대학다닐때에도 학부생 수준의 프로젝트 경험이 있기 때문에 난이도가 어렵진 않았다. 강의 자체도 깊은 이론이나 동작 원리를 설명하기 보다는, 일단 어떻게 활용하고 어떨 때 사용하는지를 위주로 수업한다. 그렇기 때문에 실용적이라는 측면에서 나는 상당히 높은 점수를 주고 싶다. 하지만 동시에, 원리를 전~혀 몰라서 동작원리가 궁금하거나, 원리를 알아야 이해가 되는 타입도 있을 것이다...

클라우드 서버 브라우저가 요청을 하면, 데이터를 주는 등 항상 클라이언트의 요청에 응답할 수 있어야 한다. 컴퓨터가 항상 켜져있어야 하고, 프로그램이 정상적으로 실행되어있어야 한다. 모두가 접근할 수 있는 공개 주소인 IP주소로 접근해야하므로, 내 컴퓨터로 하면 보안에 취약해지고 위험하다. 대부분 클라우드 서비스 AWS(아마존 웹서비스)라는 클라우드 플랫폼을 사용. 서버 세팅하기 filezilla는 파일을 업로드해주는 역할을 한다. ec2에서 db실행하기 전에, 아이디/비밀번호 설정 robo 3T > create> myec2 생성, authorization에서 아이디/비밀번호 설정 init.ec2에 있는 user, pwd 바꿔주고 실행하기 포트번호(:5000)떼고 url 사용하기 = 포트포워딩 http:..

모든 코드는 깃허브에 올려놨습니다. https://github.com/Hong-been/Sparta/tree/main/alonelemo [ GitHub - Hong-been/Sparta: 스파르타 코딩클럽-웹개발종합반을 들으며 작성한 코드입니다. 스파르타 코딩클럽-웹개발종합반을 들으며 작성한 코드입니다. Contribute to Hong-been/Sparta development by creating an account on GitHub. github.com ](https://github.com/Hong-been/Sparta/tree/main/alonelemo) API 설계대로 뼈대 준비하기 meta태그란? 에 들어가는 태그로 눈에 보이지 않지만 사이트의 속성을 설명해준다. 카톡으로 링크를 보내면, 썸네..

사용한 코드는 깃허브에 올려놓았습니다. https://github.com/Hong-been/Sparta/tree/main/bookreview GitHub - Hong-been/Sparta: 스파르타 코딩클럽-웹개발종합반을 들으며 작성한 코드입니다. 스파르타 코딩클럽-웹개발종합반을 들으며 작성한 코드입니다. Contribute to Hong-been/Sparta development by creating an account on GitHub. github.com 서버에 저장된 파일을 웹페이지에 올리기 from flask import Flask, render_template app = Flask(__name__) @app.route('/') def home(): return render_template('i..

[수업 목표] Javascript 문법에 익숙해진다. jQuery로 간단한 HTML을 조작할 수 있다. Ajax로 서버 API(약속)에 데이터를 주고, 결과를 받아온다. 클릭했을 때 함수가 실행되도록 설정하는 방법 포스팅박스 열기 https://www.w3schools.com/jquery/jquery_get_started.asp 에서 구글스크립트를 써주어야 제이쿼리 사용가능. 임포트하는 것. Jquery 기초 콘솔에서 제이쿼리로 웹페이지 제어하기 val() hide(), show() css('width') css('display') 텍스트 바꾸기 temp에 div통째로 저장 append로 이어붙일 수 있다. 열고닫는 함수 적용하기 style에 기본값 display: none; 적용하면 처음부터 안보이게 ..

12~16. JS 기초문법 List push : 리스트의 마지막에 추가, 인덱스를 반환 Dictionary push안쓰고, 없는 키에 바로 값을 넣으면 생성된다. 값으로 리스트를 넣을 수 있다. split 함수 사용 나누어진 리스트를 반환한다. 함수 만들기 덧셈값을 반환하는 함수를 정의한다. 두 개의 값을 더한 값을 반환해준다. 함수에 alert기능 추가하기 alert메세지에 주어진 값을 활용한다. 조건문 if 20이상인 값이면 성인입니다를 출력한다. 반복문 for 0부터 20미만까지, i를 1씩 증가시키면서 총 20번 console.log를 실행한다. 응용예시 1. 서울시 미세먼지 정보 활용하기: 구 별로, 미세먼지 정보 가져와서 출력하기 가져온 미세먼지가 40이하일 경우만 출력하기 2. 서울시 따릉이..