본문 바로가기

스파르타 코딩클럽/웹개발 종합

 (4)
TIL) HTML과 mongo DB 연동해서 서버 만들기, Flask, 4주차 숙제! 오류회고! HTML과 mongo DB 연동해서 서버 만들기 같은 컴퓨터에 서버도 만들고, 요청도 함. 즉 클라이언트 = 서버 -> 로컬 개발환경 Flask 시작 - 서버만들기 Phycharm -> Preference -> Python Interpreter python interpreter에서 + 누르고 flask 검색, install pakage flask 프레임워크: 서버를 구동시켜주는 편한 코드 모음 Flask 시작 - HTML 파일주기 기본 폴더구조 - 항상 이렇게 세팅하고 시작! 프로젝트 폴더 안에 -static 폴더 (이미지, css파일 넣음) -templates 폴더 (html파일 넣고 불러오는 역할) -app.py (서버) 이렇게 세 개 만들어 두고 시작. venv는 보이지만 안보이는 걸로 생각하자 F..
TIL) Python기초문법 Python 기초문법 ▼ 변수 & 기본연산 a = 3 # 3을 a에 넣는다 b = a # a를 b에 넣는다 a = a + 1 # a+1 을 다시 a에 넣는다 num1 = a*b # a*b의 값을 num1 이란 변수에 넣는다 num2 = 99 # 99의 값을 num2 라는 변수에 넣는다 #변수의 이름은 맘대로 지을 수 있다 ▼ 자료형 숫자, 문자형 name = 'bob' # 변수에는 문자열이 들어갈 수도 있고, num = 12 # 숫자가 들어갈 수도 있고, is_number = True # True 또는 False -> "Boolean"형이 들어갈 수도 있습니다. ######### # 그리고 List, Dictionary 도 들어갈 수도 있죠. 그게 뭔지는 아래에서! 리스트형 a_list = [] a_l..
TIL) Javascript onClick , 짝/홀 판단 방법, JQuery, Ajax Javascript 복습 짝/홀수에 따라 다른 얼럿 띄우는 onclick 함수 만들기 짝/홀 판단 방법 if (count % 2 == 0) // 2로 나눈 나머지가 0 은 짝수, else 는 홀수 JQuery HTML 요소를 조작하는 편리한 Javascript를 미리 작성해둔 코드. 임포트 안하면 쓸 수 없다. 부트 스트랩과 같은 맥락. JQuery CDN : 홈페이지에서 구글 CDN 부분을 사이에 복붙 CSS는 class를 쓰듯이 JQuery는 Id 값을 통해서 특정 버튼이나 인풋박스 div 등등을 가리킴. 가리키지 않으면 조작 불가능. function(response){ let now_rate = response[1]['rate']; $('#now-rate').text(now_rate); } >> f..
TIL) 웹의 동작 원리, HTML 의 구조, CSS기초, 부트스트랩 웹의 동작 원리 웹은 서버에게 요청하고, 서버가 전송한 것을 보여준다. HTML : 뼈대. 문서형태를 기반으로 함 CSS : 꾸밈 (폰트, 이미지, 글자 크기) Javascript : 움직이는 것 PyCharm : Python 쓰는 툴 HTML 의 구조 Head : 페이지의 속성 정보 (안에 meta, script, link, title 등 들어감) Body : 내용 자동 정렬 : cmd+alt+L CSS 기초 안에 공간 만들기 mytitle 클래스: .mytitle {...} 간격: margin(바깥여백), padding(안쪽여백) 사이즈: width, height div에 색 넣어서 꼭 비교해보기 폰트, 주석, 파일분리 마음에 드는 폰트의 구글 웹 폰트에서 link->헤드 사이, css-> 스타일 ..
반응형

티스토리툴바