life is egg

22.11.02 [html두장 배포하기] 본문

TIL

22.11.02 [html두장 배포하기]

삶은계란진재혁 2022. 11. 2. 22:29

고민 중에 하나가 해결되었다

 

배포시 메인페이지에서 다른 서브페이지로 이동하고 싶은 걸 구현해보고 싶었는데

 

무튼 결론은 성공했다..!

 

프로젝트하면서 얻어 가는게 많다고 할 수 있겠다..!

보이는가...!!.. 방명록으로 이동하는 버튼 클릭시 방명록 페이지로 이동한다

 

아주 사소한거라고 생각할 수 있겠지만... 나에게는 커다란 짐덩어리였으니.. 기쁘다.

 

무튼

 

오늘도 오개념과 함께하는 TIL

 

 

전에 하던가는  한페이지에서 이것저것 한거라 다른 페이지 이동이 궁금했는데

 

파이썬 파일을 살펴보던 도중 힌트를 얻었다

 

def home() 로
template파일에 home.html을 리턴해준다 이때의 주소는 '/' 
html에서 home파일을 메인홈페이지로 잡았다.

 

 

def teamcomment() 로
template파일에 index.html을 리턴해준다 이때의 주소는 ' /index.html '
     >>일단 여기서 잘못된점은... url명에는 확장자를 사용X
index는 방명록html파일로 해줬다. 

이제 버튼에 알맞게 위치를 달아줘보자..!

방명록작성 버튼을 누를시 주소가 index.html이쪽으로 간다 !...즉 방명록페이지 쪽으로 간다

 

여기서 한발자국 더 나아가서 .. 그러면 방명록에서 메인페이지로 이동을 만들어야겠다는 생각이 든다

 

그러면 이때 버튼의 주소는.... ! 

 

" / " 이걸 적어서  onclick="location.href=' / ' " 이걸 홈페이지 복귀 버튼으로 쓰면 되겠다라는 생각...

 

이렇게 적어서 버튼을 만들었더니 진짜로 된다...

 

컴퓨터는 정직한데 내가 사용법을 몰라서 항상 삽질을 하는거 같다...

 

물론 이것도 오개념이 잔뜩 들어가 있을거같다... 공부하면서 점차 바른길로 갔으면 좋겠다는 생각이다..

 

 

 

추가로 팀원분이 상대경로 절대경로 + 노래재생에 대해 자료를 공유해줬다.

 

절대경로와 상대경로 ... 자바책에서 본듯한 개념이다 

 

실무 현장에서는 상대경로를 많이 쓴다고 책에 나와있었던거 같았다

 

간단하게 개념 설명하자면

 

절대경로는 진짜 경로를 써줌

상대경로는 . 이랑  ..  이용해서 ~~ 지금현재위치에 있는 or 상위에있는  부터 시작.

 

....노래재생에 관해서는..

<audio controls>
        <source src="./Jason Mraz ft. Colbie Caillat - Lucky (Audio).mp3" type="audio/mp3">
</audio>

요런 코드를 사용하고loop를 돌린다던가 자동재생이 된다든가 한단는데

 

막상 해보면 잘안된다... 왜 너는 재생이 안되니..?

 

22.11.04 기준 해결되었다

추가로...잘못된점은음악파일명  띄어쓰기나 이름을 사용할때 주의하자...이것도 규칙이 있는걸로 안다..!

 

팀프로젝트 발표를 지켜보다가 다른 팀 발표하는 거 보고 깨달은게 있다...

바로 static 폴더안에 집어 넣어야 인식을 한다는것...

플라스크는 static 폴더 안에서 이미지나 ...그런 정적파일들 을 관리한다..?

>>정적파일이란...웹페이지 만들때 미리 서버에 저장해 놓는 파일을 가리킨다 ..!

..무튼..오디오파일이나 이미지파일은..url쓰는 거아니면 static 폴더에 넣어서 사용하자 ..플라스크를 쓴다면..

 

결론...규칙을 잘지키자..가되겠다.!

'TIL' 카테고리의 다른 글

22.11.07 [Java & intellij]  (2) 2022.11.08
22.11.04 [프로젝트 발표]  (0) 2022.11.04
22.11.03 [Restful 한 API..]  (0) 2022.11.03
22.11.01 [github와 협업하기]  (1) 2022.11.01
22.10.31 [Git & Github]  (5) 2022.10.31
Comments