개인 채널 화면 마크업

[deedee0905]

개인 채널 화면 마크업

• [x] 채널 main/view 페이지 작업
• [x] 포스트 업로드 페이지 작업
• [x] 채널 프로필 및 소개 수정이 가능한 편집 페이지 view 작업

[deedee0905]

개인채널 main/view 페이지도 완성했다. 기획서 작성한대로 view 페이지 ui를 만들었는데 생각보다 깔끔하게 잘 나온듯 하다!!

/individual/profile/view 페이지에서도 채널이 생성되어 있을 경우 클릭 이벤트가 발생했을때 채널로 이동될 수 있게끔 코드도 수정하였다 :-) !

a태그로 연결되는 부분들이 많아질수록 진짜 웹서비스랑 비슷해지는 느낌이 든다.

[deedee0905]

포스트 발행하는 페이지까지 완성 금방 끝낼 수 있을 줄 알았는데 글쓰기 도구상자(에디터) 라이브러리를 찾아보고 발행 modal 기능까지 만들다보니 생~~~각보다 시간이 정말 오래 걸렸다.

라이브러리를 아직 많이 다뤄보지 않아서 이렇게 써도 되는건가? 싶은 생각이 들긴했는데 이건 라이브러리를 써보면서 경험적으로 익혀야 할 것 같다.

모달도 지난번 SNS 프로젝트에서 한 번 써보긴 했는데 아직 사용방법이나 개념이 뚜렷하게 잡힌건 아니다보니 블로그랑 영상들을 조금씩 참고하면서 코드 연관성에 대해서 생각해보면서 작업하다니보니 조금 오래 걸린 것 같다. 내 프로젝트의 모티브가 되는 웹서비스에서는 섬네일 부분에서 모달 >> 모달을 사용하는 이중 모달을 사용했는데, 나는 좀 더 직관적으로 한 번에 볼 수 있게끔 그렇게 사용하진 않았다.

포스트를 발행할 때에 지금 발행할지, 예약 시간을 걸어서 발행할지도 화면으로는 구성해봤는데 date 객체 쓰는 법도 다시 공부하면서 추후에 기능을 사용해야겠다.

새 포스트를 발행하는 페이지를 만들면서 DB 테이블 구상해놨던 부분을 들여다보면서 이런 칼럼이 필요하지않나?? 하는 생각들이 들어서 조금 더 알아본 다음 포스트에 관련한 DB테이블도 수정을 해봐야 할 것 같다.

[deedee0905]

채널 프로필을 수정할 수 있는 view 페이지 완성했다. 개인 프로필 수정할 수 있는 페이지랑 거의 다른 점이 없어서 금방 마무리했다.

[deedee0905]

user테이블과 channel테이블에 저장된 정보를 model로 가져와서 /individual/profile/view 페이지에 볼 수 있게끔 코드를 처리하였다.

채널 부분은 include로 따로 빼놓았어서 인클루드에 가서 model을 그대로 써도 가능할까? 싶었지만 제대로 동작하는 것 같다.

[deedee0905]

채널 페이지 좌측 상단에 위치한 채널 정보(채널이름/프로필사진/채널정보)를 model로 가져와서 view 페이지를 채워넣었다.