Web Programming
- Front End (화면 UI) :
WebStorm이용하여 Javascript 코딩 (+ HTML, CSS는 웹디자이너가) - Back End (로직) :
Pycharm- 둘 다 30일 free trial version
- 학교 email이 있는 경우 교육용 버전으로 다운로드 받을 수 있음
- 설치 후 New project 생성
-
- 만든 프로젝트(폴더)에서
HTML5를 생성하면 된다. -
웹페이지가 제작되는 과정
- HTML 및 CSS 파일을 만든다.
- But, 직접 모두 coding하는 것은 번거롭기 때문에
bootstrap과 같은 framework를 이용해서 화면을 구성할 것임
- But, 직접 모두 coding하는 것은 번거롭기 때문에
- 해당 파일을 웹상에 올린다.
- Internet
- Web이란 서비스는
웹의 동작 방식
Bootstrap
- 활용 방법
- 설치하지 않고 코드 2줄을 붙여서 bootstrap 이용하기
- CDN(Content Delivery Network)으로
- https://getbootstrap.com/docs/5.0/getting-started/download/
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> -
- 설치하지 않고 코드 2줄을 붙여서 bootstrap 이용하기
- HTML 파일
<head>에 코드 삽입 <body>에서 본격적인 설정..!