[TIL] 미니 프로젝트 3일차 -완-

앞서 2일차에서 발생했던 문제를 해결하느라 로그인 시 메인 페이지로 userid 를 다른 방식으로 가져오게 되었다.

팀원 분이 로그인 세션 작업을 해주셨고 나는 이를 메인 페이지로 옮기는 작업을 하였다.

 

처음에는 전역 변수로 설정해버릴까 했지만...

 

return render_template("index.html", data='전달데이터')

render_template 명령어로 페이지 이동시 data 까지 이동 가능한 것을 이용해

 

@app.route('/main')
def main():
    return render_template('index.html')
    user_id = session.get('id')
    // print("route 쪽 userId"+user_id)
    return render_template('index.html', userid=user_id)

이렇게 app.py 에 코드를 적어두었고

받는 쪽 (index.html) 에서는

 

// 이거 빨간 밑줄 뜨지만 정상 실행됨
var userid = {{userid|tojson}}
// console.log("제가 만든 userid"+userid)

 

위처럼 {{변수|tojson}} 으로 변수를 받을 수 있다.

다만 저렇게 쓰면 코드에 빨간 줄이 뜨는데 문제없이 실행되니 괜찮다.

 

이 이후는 각자 맡은 작업들을 마무리하는 시간을 가졌고

마지막으로 배포까지 성공하게 되었다.

 

로그인 화면

회원가입 화면

메인 페이지 - 현 시각 베스트셀러

책 상세 페이지 (모달)

내 아이디로 독서록 작성한 도서 목록

완성된 사이트의 모습이다.

한 가지 아쉬웠던 점은 내가 후기를 작성한 적이 있는 책이라면 모달창 자체에도 해당 후기가 등록되게끔 하려 했으나 시간 관계상, 또 실력 부족으로 구현하지 못하였다.

 

이번 프로젝트를 하면서 처음으로 협업이라는 것도 해봤고 미니 프로젝트임에도 불구하고 3일이 참 길고도 짧았던 것 같다.

처음엔 팀원이 있어도 각자가 맡은 부분이 있다 보니 같이 모여있기만 할 뿐 각자 코딩을 하게 되지 않을까 싶었지만 의외로 배운 점이 상당히 많은 것 같다.

 

https://github.com/jaeha0183/Hanghae_web_mini_proj

GitHub - jaeha0183/Hanghae_web_mini_proj

웹미니 프로젝트를 진행했던 Github 이다.

 

함께한 팀원들