[TIL] Today I Learned - 221101

[TIL] Today I Learned - 2211101

 

깃허브 블로그 만드는 중 오류 발생으로 급하게 티스토리로 작성

 

 HTML && 플라스크

자바스크립트 ajax를 통해 데이터 값을 파이썬으로 넘겨서 url 호출 및 페이지 이동을 구현하려고 했지만 ajax를 통해 이동하는 방식은 실패했다. 다만 html <div> 태그에 onclick을 통해 페이지 이동 방식을 구현

 

html의 해당 코드

            <div class="card" style="width: 18rem;" onclick="location.href='/team/i2'">
                <img class="photo" src="/static/KakaoTalk_20221001_163410406.jpg" class="card-img-top" alt="...">
                <div class="card-body">
                    <p class="card-text"></p>
                    <p class="card-text">Spring A반 6조 팀원 김민수입니다.</p>
                </div>
            </div>

해당 코드를 보면 onclick으로 해당 링크를 호출하는 식으로 작성.

해당 부분을 통해 app.py부분의 해당 부분과 맞는 메서드 호출로 페이지 이동

@app.route('/team/i2', methods = ["GET"])
def personal2():
    return render_template('team/i2.html')

팀 소개 페이지를 만들면서 우리 팀의 팀 구성 페이지는 팀 페이지 메인 / 팀 소개 페이지 / 개인페이지로 나눠지는데

오늘은 개인페이지 제작 및 메서드를 통해 각자에게 맞는 해당 개인 페이지 html을 호출하는 부분을 작성하였다.

다만 아쉬운건 1,2,3,4 순으로 적힌 숫자를 아이디로 하고 페이지를 호출하는 메서드를 하나로 통일하려 했었다.

다만 구현하지 못한점이 아쉽다. 

 

git - main과 branch의 활용법

 

main과 branch의 활용법

 

혼자서 프로그래밍을 공부하다보니 매번 혼자 할 때는 강의를 듣는 경우가 많아서 branch의 존재를 알기만 하고 

실제로 적용하고 사용한 적은 드물었다. 팀원들과 정리되지 않은 코드가 섞이지 않기 위해 branch활용을 조금이나마 

찾고 배우면서 협업의 과정을 익히는 초석이 마련이 된 것 같다.

 

미니 프로젝트

 

만약 나 혼자 했을 경우 페이지를 꾸미는 과정이 너무 번거로워 중간에 페이지 구조만 작성하고 손을 놨을것 같지만 팀원 간의 코드와 의견을 주고받고 역할을 나누면서 진행을 하니 그래도 무엇인가 만들어간다는 생각이 든다. 나중에는 조금 더 큰 프로젝트를 진행하고 싶다