웹개발 종합반
1.HTML 기본 내용
HTML: 구역과 텍스트를 나타내는 코드 html내에서 style 속성으로 꾸미기를 할 수 있지만, 이런 코드들을 한데 모아 CSS코드로 만들었다. html코드에서 css파일을 불러와 적용한다.HTML은 크게 head와 body로 구성되며 head는 페이
2.CSS기초
CSS : HTML파일을 꾸며주는 코드 CSS를 잘 사용하는 것과 예쁘게 꾸미는건 상당히 차이가 있다(웹디자이너가 괜히 있는게 아니다).자주 쓰이는 cssbackground-colorbackground-imagebackground-sizewidthheightfont
3.CSS파일 분리
style의 코드가 너무 길어지면 가독성도 떨어지고 코드 읽기가 힘들어진다.이때, 스타일파일이름.css파일을 같은 폴더에만들고 head태그에서 불러오면 된다.
4.Javascript
자바스크립트란? 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어 다른 언어로도 사용이 가능하지만 역사적인이유 로 인해 모든 브라우저는 기본적으로 Javascript를 기본으로 설계되었다.
5.Javascript 기본문법
6.Javascript 기초문법(2)
리스트 : 순서를 지켜서 가지고 있는 형태딕셔너리 : 키(key)-벨류(value)값의 묶음딕셔너리와 리스트의 조합필요한 이유<스파르타과일가게>가 정말 잘 되어서 전국에서 손님이 찾아오고 있습니다. 대기표를 작성하기 위해서 온 순서대로 이름, 휴대폰 번호를 적도
7.Javascript 기초문법(2)-1
나눗셈의 나머지특정 문자로 문자열을 나누고 싶은 경우
8.Javascript 기초 문법 -함수
기본 생김새
9. Javascript 기초 문법-조건문
20 보다 작으면 작다고, 크면 크다고 알려주는 함수if, else if, else if, else if else
10.Javascript 기초 문법 -반복문
0부터 100까지 출력해야하는경우 일일이 출력하기엔 시간이 없다.개발자들은 시간을 단축하기 빠른 수식을 만들어 내었다.단 3줄짜리코드로 ㅎ 딕셔너리가 들어간 리스트랑도 찰떡궁합이라 자주 쓰인다.
11.JQuery
html의 요소들을 조작하는, 편리한 javascript를 미리 작성해둔 라이브러리javascript로 길고 복잡한 코드를 간단하고 직관적으로 쓸 수 있다.JQuery를 사용하기 위해선 사이에 다음 코드를 임포트 해야 한다.css가 class를 선택자로 썼듯이 jque
12.API
api는 은행 창구와 같다.은행 지점이 크게 개인/기업 고객에 따라 업무 내용이 달라지는 것처럼,클라이언트가 요청할때도 "타입"이 존재한다.GET → 통상적으로! 데이터 조회(Read)를 요청할 때 예)
13.Ajax
Ajax는 jQuery를 임포트한 페이지에서만 동작 가능하다. Uncaught TypeError: $.ajax is not a function → ajax라는 게 없다는 뜻 Ajax 기본 골격 $ajax 코드 설명 type: "GET" → GET 방식으로 요청
14.파이썬 기초문법
15.파이썬 기초 문법(2)
숫자, 문자형\*Dicionary형(javascript dicionary배열형과 동일)\*Dictionary 형과 List형의 조합
16.파이썬 기초 문법(3)
\*함수의 정의 - 이름은 마음대로 정할 수 있음!\*함수의 응용
17.파이썬 기초 문법(4)
조건문 \-if / else 로 구성!
18.파이썬 기초 문법(5)
반복문은 무조건 리스트와 함께 쓰인다.
19.웹스크래핑 기초
스크래핑 기본 세팅
20.3주차 숙제
21.flask 서버 만들기 기초
1.python interpreter 화면에서 + 버튼을 누른다2.flask를 검색한 후 install package를 누른다(스파르타 웹개발 종합반 4주차 이미지)3.파이썬 파일을 생성한 후 ctrl+shift+f10을 눌러 서버를 실행한다.기본 코드
22.flask 시작하기(frontend)
Flask서버를 만들때 항상 프로젝트 폴더 안에, ㄴstatic 폴더 (이미지, css파일) ㄴtemplates 폴더 (html파일) ㄴapp.py 파일이렇게 세 개를 만들어두고 시작한다.html파일 불러오기:flask 내장함수 render_template를 이용한다.
23.POST연습(저장)
1) API 만들고 사용하기 1.요청 정보: URL = /, 요청방식 =POST 2.클라이언트(ajax) -> 서버에 요청 3.서버(flask) -> 클라이언트(ajax) : 메시지 보냄 4\. 완성 확인 : DB확인
24.GET 연습
1) API 만들고 사용 - 저장된 주문을 화면에 보여주기(Read → GET)요청 정보 : URL= /, 요청 방식 = GET클라(ajax) → 서버(flask) : (없음)서버(flask) → 클라(ajax) : 전체 주문을 보내주기
25.EC2 서버 세팅하기(1)
pip3 설치sudo apt-get updatesudo apt-get install -y python3-pippip3 대신 pip 라고 입력하기 위한 명령어sudo update-alternatives --install /usr/bin/pip pip /usr/bin/pi
26.웹 서버 세팅하기(2)
SSH 접속을 끊어도 서버가 계속 돌게 하기nohup python app.py &서버 종료하기 - 강제종료하는 방법ps -ef | grep 'python app.py' | awk '{print $2}' | xargs kill
27.og tag 넣기
페이스북 og 태그 초기화 하기: https://developers.facebook.com/tools/debug/카카오톡 og 태그 초기화 하기: https://developers.kakao.com/tool/clear/og