Sign In
TIL 웹개발

TIL 웹개발 - 미니프로젝트

서경태
팀원을 소개하는 웹페이지 제작 프로젝트를 진행했다. 그 중에서 나는 팀원의 데이터를 정리하고 html에 연결하는 작업을 맡았는데 여러 시행착오가 있었다.
1.
SQLalchemy
데이터 베이스를 생성하고 SQLalchemy를 설치.
pip install flask-sqlalchemy
이런 식으로 데이터 구조를 짠 후 하나씩 데이터를 채워 넣는데 이 부분이 굉장히 고된 작업이었다.
flask shell에서 터미널 형태로 데이터를 넣다보니 한땀한땀 만드는 느낌.
데이터 포맷을 완성하고 다른 팀원이 만든 html과 연결하는 작업을 진행했다.
2.
라우트
@app.route('/')
def show_members():
members = Member.query.all()
return render_template('index.html', data=members)
라우트 기본구조다. 가장 밑에 index.html로 html과 연결시켜주고. 데이터에 내가 만든 구조를 넣는다.
그럼 html에서 이렇게 {{ data[2].role }}로 표기하면 데이터 값이 나온다. 반복문을 사용해 최대한 노가다를 줄이려했지만 실피했다. 실패 원인은 모르겠다.... 마우스가 호버링하면 나오는 문구때문이지...
3.
폴더 구조
다른 팀원이 만든 html과 css파일을 넣고 데이터베이스와 연결하니 실행이 되지 않았다.
그 원인은 폴더 구조. 아래와 같은 형태로 만들어야한다.
gpt 센세가 알려줬다.
4.
내친구 GPT
친구는 아니고 확실히 센세다.
결제해놓고 좀 후회했는데 이제 없으면 아무것도 못한다. 오늘 좀 괴롭혔더니 지혼자 꺼지더라...
그래도 고맙다.
Subscribe to 'kyugntae-ai'
Subscribe to my site to be the first to receive notifications and emails about the latest updates, including new posts.
Join Slashpage and subscribe to 'kyugntae-ai'!
Subscribe
👍