웹 프로그래밍 기초

웹 프로그래밍 A to Z 기초

HTML - 뼈대
CSS - 꾸미기
JS - 움직임

짱구의 바지를(HTML) / 노란색으로 (CSS)

-> 눈에 보이는 애들 'frontend'

• margin: 바깥 여백 / padding: 안쪽 여백
• margin: auto (가운데 정렬)

이미지 처리

background-image: url('');
background-size: cover;
background-position: center;

• background-color: transparent (투명하게)
• border-radius : 테두리 둥글게
• com + /: 주석 처리

가운데 정렬

display: flex;
flex-director: column(세로 / 가로는 row);
justify-content; center;
align-items: center;

모든 글씨에 폰트 적용

<style>
* {font (원하는 폰트 적용)

• .mytitle > button {

.mytitle > button:hover { 
           border: 2px solid white}

hover: 마우스 올리면 변화 나타남

모바일 버전 참고

max-width: 1200px; 
widthL 95%

• let temp_html = ''
• $('#cards-box').append(temp_html)
• $('#cards-box').show()
• $('#cards-box').hide()

API 기초

• GET: 조회
• POST: 생성,변경, 삭제

Flask

• templates: HTML
• static: CSS
• app.py

python for문

for person in people #for 단수 in 복수 

MongoDB 사용할 때 설치했던 라이브러리

• pip install pymongo
• pip install dnspython
• pip install requests
• pip install bs4

맥(MAC)에서 포트번호 kil하기

• lsof -i :포트번호
• kill -9 (1234-예: PID 밑에 숫자 4자리)