TIL - 22.11.01

0

TIL

목록 보기
2/126

배운거

html 안에서 새창으로 다른 html파일 열기

html -> 'script' 안에 위와 같이 코드를 입력

<script>
	function show_member1(){
    	window.open("/popup1","_blank","width=2600,height=2100");
	}
</script>
-> window.open("새창의 주소","창의 속성 ex:새창or대체 등","열리는 창의 사이즈"

html -> 작동하려하는 버튼 또는 카드에 'onclick'으로 지정

<div onclick="show_member1()" class="col">

python -> 'script'에서 지정한 주소 대신 다른 html을 지정

@app.route('/popup1')
def popup1():
    return render_template('Profile_SW.html')

onclick="show_memver1()"으로 지정한 버튼을 누르면 Profile_SW 이름의 html을 새창으로 열게된다.

일기

미니프로젝트를 시작하며 팀소개 페이지에서 팀원 개인소개 페이지로 넘어가기 위해 html에서 새창으로 다른 html파일이 열리도록 하는 기능이 필요했다.
새로은 기능을 사용하기 위해 구글링을 실전으로 해본건 처음이었다.
솔직히 해보기 전에는 쉽지않을까? 싶었지만 해보니 검색하는 방법부터 올라와있는 글을 해석하는거까지 막히는 부분도 상당했다.

혼자 했다면 어려웠을 것들을 팀원과 함께하니 도움을 많이 느꼈다.
새로 팀원들과 습득한 기능을 직접 사용해보며 오류도 만들었지만 결국에 완성해내는 즐거움이 지금의 나에게는 가장 뿌듯했다.
오늘 느낀 이 감정이 계속됐으면 좋겠다.

0개의 댓글