스파르타 코딩클럽 [웹개발 종합반] 1주차 수업
파이참 라이센스 등록
파이참이란?
파이썬의 최적화된 에디터(메모장이라고 생각하면 됨.)
1. 파이참 라이센스 코드 받기
스파르타 코딩클럽에서 라이센스 코드를 받음.
2. 젯브레인 홈페이지에 접속하여 파이참 라이센스 등록하기
https://account.jetbrains.com/login
JetBrains Account
account.jetbrains.com
4개월간 무료로 사용할 수 있는 라이센스 코드 등록 완료.
3. 파이참 프로(PyCharm-Pro) 실행 후 젯브레인 계정으로 로그인 하면 라이센스 등록 완료.
(PyCharm 프로 다운로드 링크)
https://www.jetbrains.com/pycharm/download
Download PyCharm: Python IDE for Professional Developers by JetBrains
Download the latest version of PyCharm for Windows, macOS or Linux.
www.jetbrains.com
4. 파이참 프로 실행 및 HTML 파일 생성하기
4-1. 바탕화면에 폴더를 생성 한 후 파이참 프로 실행 -> OPEN 클릭 후 생성한 폴더 찾아서 OK 누름.
4-2. 좌측 생성한 폴더에 오른쪽 마우스 클릭 후 New - HTML Flie 클릭하여 파일명 입력 후 enter.
HTML, CSS 기본 내용
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>스파르타코딩클럽 | HTML 기초</title>
</head>
<body>
<!-- 구역을 나누는 태그들 -->
<div>나는 구역을 나누죠</div>
<p>나는 문단이에요</p>
<ul>
<li> bullet point!1 </li>
<li> bullet point!2 </li>
</ul>
<!-- 구역 내 콘텐츠 태그들 -->
<h1>h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요.</h1>
<h2>h2는 소제목입니다.</h2>
<h3>h3~h6도 각자의 역할이 있죠. 비중은 작지만..</h3>
<hr>
span 태그입니다: 특정 <span style="color:red">글자</span>를 꾸밀 때 써요
<hr>
a 태그입니다: <a href="http://naver.com/"> 하이퍼링크 </a>
<hr>
img 태그입니다: <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" />
<hr>
input 태그입니다: <input type="text" />
<hr>
button 태그입니다: <button> 버튼입니다</button>
<hr>
textarea 태그입니다: <textarea>나는 무엇일까요?</textarea>
</body>
</html>
스파르타 코딩클럽 [웹개발 종합반] 강의 후기
코딩관련 온라인 수업은 두번째인데 스파르타 코딩클럽은 시스템이 참 재미있다.
스온스(스파르타 온라인 스터디) Gather에 참석해서 함께 같은 시간에 온라인 수업을 들을 수 있고 각 강의별로 Slack에 초대받아 스파르타 코딩클럽의 매니저와 다른 수강생들과 커뮤니케이션이 가능하다.
잊지 않고 출석하여 강의를 들을 수 있도록 문자도 보내줘서 다른 온라인 강의에 비해 훨씬 관리를 잘 해주는 것 같다는 생각이 들었다.
패* 에서 들었던 강의보다 훨씬 강의 퀄리티도 좋고 확실히 도움이 될 것 같은 느낌이다.
5주동안 개발공부 화이팅하기!!
'코딩' 카테고리의 다른 글
| [개발일지] jQuery + Ajax 시작, JSONveiw 설치, 연습하기 (0) | 2022.01.20 |
|---|---|
| [개발일지] jQuery 빈칸 체크, 이메일 판별 함수, 텍스트 입력/지우기 (0) | 2022.01.13 |
| [개발일지] jQuery 다뤄보기 / show, hide, css, text (0) | 2022.01.13 |
| [개발일지] 웹개발 : 부트스트랩, 예쁜 CSS 모음집 (0) | 2021.12.22 |
| [개발일지] 웹개발 : 구글 웹 폰트 사용법 (0) | 2021.12.13 |
댓글