오늘은 웹개발 종합반 인강 복습과 git 순서에 대해 배웠다. (git 순서는 내일 다시 확인해야 봐야함)
https://app.gather.town/app/tHG3iLXkbXjZO3uq/sparta-nbcamp-nodejs6
ㄴ 구글 폰트 사이트
<!-- style.css 파일을 같은 폴더에 만들고, head 태그에서 불러오기 -->* 항목은 전체 반영 style.css 파일을 같은 폴더에 만들고, head 태그에서 불러오기
<link rel="stylesheet" type="text/css" href = "(css파일이름).css">
ㄴ <head></head>사이에 넣는다. 여기선 <style></style> 지우고 적용라이브러리란 남들이 만들어놓은 코드 조각
Javascript 는 웹을 움직이게 하는 코드
jQuery는 html 뼈대를 선택해서 쉽게 조작
Fectch는 짧은 코드로 요청을 보내고 받아옴
CSS
-
인라인 스타일(Inline style)
인라인 스타일이란 HTML 요소 내부에 style 속성을 사용하여 CSS 스타일을 적용하는 방법입니다.
이러한 인라인 스타일은 해당 요소에만 스타일을 적용할 수 있습니다. -
내부 스타일 시트(Internal style sheet)
내부 스타일 시트를 이용하는 방법은 HTML 문서 내의 태그에 -
외부 스타일 시트(External style sheet
ㄴ 외부 스타일 시트를 이용하는 방법은 웹 사이트 전체의 스타일을 하나의 파일에서 변경할 수 있도록 해줍니다.
외부에 작성된 이러한 스타일 시트 파일은 .css 확장자를 사용하여 저장됩니다.
스타일을 적용할 웹 페이지의 태그에 태그를 사용하여 외부 스타일 시트를 포함해야만 스타일이 적용됩니다.
.forEach
반복해서 반영하는 명령문
ex)
let ages = [12, 15, 20, 25, 17, 37, 24]
ages.forEach((a)) => { if (a > 20) {
alert('성인입니다')
} else {
alert('청소년입니다')
}
})
.append
어떤 데이트를 받아와서 데이터의 수만큼 html을 보여줄 수 있게 된다.
ex)
function checkResult() {
let people = [
{ 'name': '서영', 'age': 24 },
{ 'name': '현아', 'age': 30 },
{ 'name': '영환', 'age': 12 },
{ 'name': '서연', 'age': 15 },
{ 'name': '지용', 'age': 18 },
{ 'name': '예지', 'age': 36 }
]
$('#q2').empty()
people.forEach((a) => {
let name = a['name']
let age = a['age']
let temp_html = `<p>${name}는 ${age}살입니다.</p>`
$('#q2').append(temp_html)
})
} JSON
서버에서 클라이언트로 데이터를 내려줄 때 dictionary(딕셔너리) 형태로 내려주는 걸 이야기 한다.
클라이언트가 요청할 때에 타입
GET - 통상적으로 데이터 조회(Read)를 요청할 때
POST - 통상적으로 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청할 때
jQuery를 사용할 때에는 남이 만든 코드를 사용하는 거기에 import 형태로 뭔가를 적용해야 한다.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>Fetch란
데이터를 주는 서버에서 데이터를 받아올 수 있는 url 이 있다면 url을 반영하는 데이터를 받아올 수 있다.
파이썬에서의 함수는 def로 시작한다.
ex)
def sum(a,b,c):
return a+b+c
result = sum(1,2,3)
print(result)
git init
git remote add origin ".git"
git remote -v
ㅁgit hub 홈페이지에서 싱크 포크 누르기ㅁ
git pull origin master
git branch <OJS 브렌치 이름> 1
git checkout <OJS 브렌치 이름>2
git checkout -b 브렌치 이름 = 1, 2 합친 거
git push origin <OJS 브렌치 이름>
ㅁgit hub에 업로드 된 파일을 받은 이후ㅁ
python -m pip install virtualenv
python -m virtualenv venv
venv\Scripts\activate
$ pip install --upgrade
ㄴ 인스톨이 잘 되지 않을경우 (버전 업그레이드)
pip install -r requirements.txt
ㄴ requirements.txt 파일 다운로드
pip freeze
본인 라이브러리 설치한 거 확인
