웹개발

코드 창에 ! 쓰면 html기본 틀? 나옴.css는 head > style태그 안에 씀flex = 배치순서 바뀜justify-content: 가로 선에서 배치 시켜주는것flex = 배치순서 바뀜 justify-content: 가로 선에서 배치 시켜주는것align-ite

패딩(padding): 요소와 테두리 사이를 조절마진(margin): 다른 요소(테두리 밖)와의 거리를 조절구글폰트 사용하기alt+shift+F : 줄 정렬 단축키alt + 화살표 : 코드 옮기기alt + 클릭 : 동시에 여러줄 코드 쓸 수 있음부트 스트랩 (css 라

**body > script 태그 안에 쓰임. JavaScript를 다른 파일로 만들어서 link해줄 경우엔 head에 link해줌.** 출력 변수 HTML 요소 바꾸기

jQuery CDN

클라이언트가 JSON을 요청했으면 서버는 JSON을 보내줌.클라이언트가 HTML을 요청했으면 서버는 HTML을 보내줌.나중에 JS로 요청 보내는 방법 배우고, Flask 배울 예정.JSON은 주로 다른 프로그래밍 언어끼리 통신할 때 쓰는 데이터 양식예시? : 여기서부

Fetch 기본 골격우리가 검색하고 엔터 치는것을 생각하면 됨.Fetch 연습

가상 환경(virtual environment)은같은 시스템에서 실행되는 다른 파이썬 응용 프로그램들의 동작에 영향을 주지 않기 위해, 파이썬 배포 패키지들을 설치하거나 업그레이드하는 것을 가능하게 하는 격리된 실행 환경입니다.vscode에서View > Command

복사한 쉬 터미널에 오른쪽 마우스 클릭하면 붙여넣기됨크롤링 : 많은 정보 속에 글자들을 고르고 골라 가져오는 것네이버에서 온도 크롤링하기멜론뮤직에서 순위, 노래 이름, 아티스트 명, 이미지 크롤링하기

ffor 치면 Flask for가 뒤에 써진거 클릭해서 자동완성\-> 리스트의 요소를 하나씩 들고올 수 있음fif치면 Flask if이 뒤에 써진거 클릭해서 자동완성body 안, 원하는 곳에 밑에 코드 넣기이미지 넣을 폴더 이름은 무조건 static으로!!name="q

가상환경 만든 뒤, 터미널에 flask 라이브러리 설치 Flask 기본 파일 구조 만들어주기 서버 킬 때 터미널에 끌 때 터미널 클릭하고 데이터 넘기는법 -> app.py에 적은걸 index.html에 적용하는 모습 -> index.html 파일 상태 ![

하나라면 변수 하나 만들어서 넣어도 되지만 여러개일 때는?context라는 바구니를 만들어서 변수 저장 후 적용html에 출력하는 방법: 원하는 곳에 {{ data.name }} 같이 넣어줌

그리고그리고 motto에 f-string으로 문자열 적기. f-string으로 안 적으면 브라우저에 {name} 이 자체로 출력됨..

href="{{ url_for('home') }}"에 들어가는 home은 app.py에 있는 함수 이름임

1. database 만들기 설계도를 바탕으로 database.db파일에 DB를 만들어보자! 가상환경 설정하고, 터미널에서 하고 database.db파일 들어가보면 잘 만들어짐 2. database 조작하기 데이터를 DB에 저장하기 위 코드 눌러준 뒤에 또 터

Ctrl+F : vscode에서 특정 단어 찾을 때 검색창 열기 단축키music.html에서 input 이름을 username으로 했으니,app.py에서 request.args.get("username")으로 받아와야함여기까지 하면, 브라우저에선 아무일도 안 일어난듯

터미널에 치면 됨Open Bash console here 클릭 > 텀미널창 나옴뒤에붙이고 체크app.py 코드를 flask_app.py에 붙여넣고 세이브..그리고 리로드배포완료!

head태그의 맨 아래쪽에 넣기카톡에 보냈는데 사진이 안 뜰 때캐시 초기화 > 디버그kakao developers사이트마다 초기화 방법이 있음!

extensions에 SQLite edit치고 이거 다운받기.database.db파일 만들고 우클릭 눌러서 Open with.. 눌러서 누르고누르면 설정 끝!이제 database.db파일 창 꺼주고 다른 파일로 들어가서 database.db파일 우클릭 후 삭제!

JWT는 이렇게 아무나 까서 볼 수 있어서 비번같은거 넣으면 위험함.그리고 대충쓰면 보안이슈가 4개정도 생긴다.alg에 none을 넣은 입장권을 넣어본다.간혹 어떤 서버들은 입장이 됨JWT는 변환이 쉬움민감한 정보 넣지 않기시크릿 키대충 적으면 때려맞추기 쉬움솔루션1:

원래 post로 보내고 문제있으면 알려주는 방식이었는데, 빈값이면 굳이 갔다오지 않는게 더 효율적이란걸 깨달음.그래서 로그인/회원가입 함수 앞쪽에이렇게 넣어줌.처음엔 throw new Error 대신 e.preventdefault()이걸 써줬는데, e가 정의되지 않았다