08. 사용자 페이지 구성방법(Url편)

01. Intro

사실 내가 좀 바빠가지고 웹페이지를 만들때 꼭 필요한걸 생각해봤다. 그랬더니 

1) url 경로 설정하기

2) 영화나 과자, 기념품 같은 걸 선택하면 선택한 값을 어디론가 넘겨줘서 처리할 수 있게 만들기(a 태그 이용 및 각종 옵션 등 이용하기)

3) ajax 사용하기 

이렇게 세가지가 있다. 홈페이지의 전체를 구현하는 것이 힘들기 때문에 

1)영화를 선택하는 페이지를 만들고,

2)과자와 기념품을 고르면 동적으로 화면에 띄워주는 기능 구현

으로 마무리 할 것이다.

로그인이나 트리거를 이용하는 것 등등은 나중에 기회가 된다면 정리할 것이다.

02. URL 설정하기

-먼저 폴더를 보자

- 여기서 index.html 이라고 메인 페이지 역할을 해줄 놈을 만드는 것부터 시작하자

- 파일을 열어서 이렇게 깔쌈하게 tutorial main page라고 이름을 적어주자

- 근데 저렇게 파일만 딸랑 만든다고 되는게 아니라 views.py에서 index라는 함수가 호출될때 index.html 파일을 불러온다고 지정을 해줘야한다. 이렇게 정해주지 않으면 언제 index.html 이라는 파일을 가지고 와야하는지 모른다.

- 이러고 나면 paythings 밑에 urls.py라는 파일을 만들어줘야한다

- 이 파일 내에서 paythings와 관련된 url들을 관리하게 된다. 우리는 지금은 index만 관리하면 된다. url다음에 쓰인 알수 없는 ^이런건 정규표현식이라는 것을 공부하면 되는데, 자세히 몰라도 하는데 지장이 없다. 어찌되었든 주소/index 이런식으로 들어오면 paythings의 views.py 의 index 함수를 호출하라는 뜻이다.

- 이러고 나면 webTutorial 아래에 있는 urls.py로 가서 paythings내에서는 url을 이렇게 처리하고 있슴다 하고 알려야한다. 왜냐하면 여기서 전체 url을 관리하기 때문이다.

- 이렇게 추가해주면 된다. 

- 잘뜨는 것을 확인 할 수 있다.

-이제 movie_table.html을 하나 만든다

- 여기안에서 원래는 db 안의 값을 호출해와서 읽으면 좋은데, 난 지금 바쁘고 출국이 얼마 남지 않아서 대충 하는 중이니까 값을 넘기는 방법만 알려드리기 위해서 movie1, movie2, movie3가 있다고 가정하고 만들었다.

-이것도 이렇게 만들었으면 views.py에서 show라는 함수가 호출되면 movie_table.html을 보여주세요 하고 지정한다. show, index 이런 함수 이름들은 마음대로 정하면 된다.

- paythings/urls.py에다가 뭐뭐뭐/show 이렇게 되면 show라는 함수를 호출해라고 지정한다

- 그러고 나면 이제 index페이지에서 아래처럼 링크를 걸어준다

- 이건 미묘한 차이에 대한 이야기인데, 위에 사진을 보면 paythings/show이고 아래는 /paythings/show이다. 이 둘의 차이는 위에껀 a라는 위치에 있었다면 a/paythings/show로 가는거고 밑에껀 a에 있던 b에 있던간에 localhots/0000/paythings/show로 가는 것이다. 상대경로와 절대 경로에 대한 이야기이다. 이거 몰라서 며칠동안 경로 설정으로 애를 먹었었다.

- 이제 영화를 각각 선택하면 넘어갈 페이지를 만들어보겠다. movie_select를 만든다

- 다시 paythings/urls.py를 연다. 여길 보면 select/머머머머라고 되어있는데 이건 select/2 이렇게 주소가 넘어가면 2라는 값을 읽을 수 있게 해준다. pk_movie는 2라는 값을 어떤 이름으로 읽어올지 지정하는건데 밑을 보면 이해할 수 있다.

- 즉, 아래처럼 a태그에다가 주소를 입력해놓으면

-paythings/views.py에서 이렇게 읽어올 수 있다. 여기서 pk_movie라는 이름으로 우리가 읽어와서 context 안에 담아서 movie_select.html이라는 페이지로 넘겨줄 수 있다.

- 즉 movie_select.html에서 {{selected}}와 같은 형식으로 표현할 수 있다. {{}}는 템플릿 언어라는 것을 검색해보면 깊은 내용을 알 수 있다.

- 짜잔!

- 짜잔!!

03. 마무리하며!

이런 방식으로 url 설정을 할 수 있다. 여러번 하다보면 잘 이해가 안되더라도 url설정을 잘 할 수 있다. 홧팅!