웹사이트 만들기 1주차-3

안녕하세요! 경제노트입니다.
오늘은 웹사이트 만들기 1주차로 매일 프로그래밍한 내용을 기록해볼게요.

---

소개

저는 학생이나 교사들이 서로 자료를 공유하고, 그 자료를 다운로드하며 서로 정보를 공유하는 웹사이트를 만들어볼 예정이에요.
또한 나중에는 그 다운로드 수를 통해서 자료 주인에게 지급하는 학생 부업 서비스도 구축할 계획이죠.
 
이를 통해서 자신의 필기노트를 공유하거나, 수행평가 자료 다운로드에 이용하는 등, 여러가지 유용한 요소에 이용되면 좋겠네요.

---

저번글

웹사이트 만들기 1주차-2

---

저번에 개발한 기능

저번에도 UI보단 기능적인 개발에 시간을 썼어요.

일단 자료를 검색할 수 있게 만들어서 예를들어 동이라는 글자를 쓰면 동이라는 글자로 시작하는
동부건설우가 자료로 걸러져서 나오겠네요.

이건 뒤, 중간에 그 글자가 포함되면 검색되서 우를 쓰면 뒤에 우가 붙은 동부건설우와 코오롱모빌리티그룹우가 검색되네요.

---

또한 자신의 자료를 볼 수 있도록 내 자료 보기도 넣었어요.

이렇게 자신의 자료만 걸러서 나올 수 있죠.
쓰다보니 뭔가 막 화려한 기능은 아니여서 만들다가 삭제될 기능일지도 모르겠네요

---

마지막으로는 프로필을 볼 수 있도록 만들었어요.
자료실 | 프로필 이렇게 2가지로 나누어 자료실 버튼에서는 자료 목록을 볼 수 있도록 만들고
프로필 버튼에서는 자신의 프로필을 볼 수 있도록 만들었죠.

그래도 아직 엄청나진 않네요.
이게 곧 생명일지도 모르니 프로필에 힘을 다 쏟을지도 모르겠네요

---

오늘 개발한 기능

<주의>
주인장의 글쓰기 실력의 문제로 읽기 어려우니 양해 부탁드립니다! :(

오늘도 기능적인 개발에 시간을 썼어요.

---

이번엔 상세페이지로 갈 수 있도록 만들었어요.

여기서 예를들어 동부건설우를 클릭하면 아래와 같은 창이 나와요.

이렇게 디테일을 더해봤어요.

---

그리고 이번엔 조회수와 좋아요 수를 만들어서 사람들이 서로 좋아요를 남기고, 조회수를 확인할 수 있게 만들었어요.

여기서 좋아요 버튼을 누르면 하트가 빨간색으로 바뀌어요 :>

---

동영상 정리

 

좋아요를 누르면 사이트를 새로고침해서 조회수가 올라간다는 버그를 영상을 찍으며 발견...

---

이렇게 1주차를 마무리하네요.
이제 기말고사도 끝나서 매일 이 사이트를 개발할지도 모르겠네요.
다음엔 표도 만들고 열심히 꾸며서 실력을 더 높혀보겠습니다! 감사합니다.