본문 바로가기

전체 글

(46)
[항해99] 웹 개발 종합반 4주차 : DB / Project 페이지 이동 기능 구현하기 href = "{{url_for('이동할 페이지')}}" * f"{ } : 변수처럼 사용 가능 데이터 베이스 개괄 1. DB를 사용하는 이유 : 잘 넣어두기 위해 2. DB는 index라는 순서로 정렬되어 있음 데이터베이스의 종류 1. RDBMS(SQL) - 정해진 Excel에 데이터를 저장하는 것과 유사함 - 중간에 열을 하나 더하기는 어려움 - 정형화 되어 있는 만큼 데이터의 일관성과 분석에 용이 2. NO-SQL - 딕셔너리 형태로 데이터를 저장해두는 Database - 하나하나 마다 같은 값을 가질 필요는 없음 - 자유로운 형태의 적재에 유리 - 일관성이 부족할 수 있음 Database의 실체 - 일반적으로 파일로 저장됨 - Excel 파일을 열어보기 위한 프로그램(RD..
[항해99] 웹 개발 종합반 3주차 : Python / Flask 웹 스크래핑 - 인터넷에서 정보를 가져오는 작업 (구조를 가져오는 것) - 웹 스크래핑 패키지 : pip install requests bs4 1. 선택자를 사용하는 방법 - 특정 tag에 계속 접근해 데이터를 가져옴 - soup이란 변수 안에 우리가 원하는 html 정보를 전부 가져옴 - 개발자 도구를 통해 데이터 가져옴 * select_one() : 같은 것이 여러개라도 맨 위 데이터 가져옴 * select() : 같은 조건에 있는 태그들을 묶어 리스트로 저장 2. 원하는 데이터의 태그 속성을 잘 살펴보기 (어떤 태그인지 (div 등), 클래스 이름(temperature_text 등)) 3. .text를 이용해서 글자 가져오기 (html 태그 데이터) temp = soup.select_one('.te..
[항해99] 항해99 입학시험 후기 2024 . 01 . 30 . 시험이 어려웠다는 후기를 여럿 봐서, 2회독을 끝내며 1-5주차 까지 노트에 요점정리를 했다. (손으로 써야 공부가 되는 타입ㅠㅠ) 매니저님이 절대 무리하지 말라고 했는데, 당일 오전 5시에 잠들어버린 바보같은 나.. 덕분에 예민한 몸은 위염+장염을 얻었다., 입학시험문제 웹 개발 종합반에서 만들었던 멜로디쉐어 페이지에 카드 삭제 버튼을 만들고, 누르면 카드 삭제가 동작하도록 하는 것이였다. 문제 해결 방법 - 기존에 사용했던 부트스트랩을 이용해서 삭제 버튼을 만들어 주기 - POST 로 method 설정해주고 이 폼이 서버로 전송될 때 "/music/delete/4/"로 요청이 전송되도록 함 - btn-danger 버튼의 색상을 빨간색으로 해주고, "d-flex", jus..
[항해99] 웹 개발 종합반 2주차 : Javascript 리스트와 딕셔너리 1. 리스트([ ]) : 순서를 지켜서 가지고 있는 형태 -> 여러개가 순서가 있음(ex.호텔방 배정) 2. 딕셔너리({ }) : 키(key)와 밸류(value) 값의 묶음 3. 리스트 + 딕셔너리 students = [ {"name": "Alice", "age": 20, "grade": "A"}, {"name": "Bob", "age": 22, "grade": "B"}, {"name": "Charlie", "age": 21, "grade": "A-"}, {"name": "David", "age": 19, "grade": "B+"} ] 함수 - 내가 원하는 코드를 저장해둔 자판기 - 할 일(특정 작업)을 모아두고 이름표를 붙이는 것 element - 여기에 요소들이 차례대로 들어감 / ..
[항해99] 웹 개발 종합반 1주차 : 프론트엔드 웹의 동작 개념 1. 브라우저 : HTML 코드를 웹 페이지 형태로 바꿔주는 것( = 요청을 보내고, 받은 HTML 파일을 그려주는 것 ) 2. A: 주소창에 홈페이지 주소를 입력(클라이언트를 통해 요청을 보냄) -> HTML 코드를 주세요! B: 요청에 대한 응답으로 HTML/CSS/Jacascript 등 코드를 줌 C: 받은 HTML(기타 코드들)을 브라우저가 웹으로 보여줌 / 데이터 파일만 주는 경우도 있음 HTML과 CSS의 개념 1. HTML: 뼈대를 잡아주는 구역을 나타내는 코드 2. CSS: HTML을 통해 작성된 뼈대를 예쁘게 꾸며주는 코드 HTML의 구조 1. Head: 페이지의 속성 정보 (meta, script, link 등) 2. Body: 페이지의 내용 3. 태그 (출처:나무위키)..
[항해99] 시스템 오류 해결하기 1. VS 코드 command not foud 오류 해결하기 실습을 진행하면서 어떨 땐 실행이 잘 되고, 어떨 땐 실행이 안되는 문제가 발생 처음에 스파르타 노션에 맥북 실행 안될 때 python3 app.py 입력하라고 했었는데, 그렇게 하면 실행이 됐음 그런데 5주차 프로젝트 할 때에는 bash: pip: command not found 오류가 발생하면서 계속 실행이 안됨 그래서 인터넷에 찾아보니 pip 버전이 달라서 그렇다고 함 내 pip 버전은 19.2.3 였고 23.3.2 버전으로 업그레이드하면 3을 붙이지 않아도 된다! bash: pip: command not found 오류 해결방법 1. pip에 3 붙이기 pip install flask-sqlalchemy (X) pip3 install f..