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

안녕하세요! 경제노트입니다.

오늘은 웹사이트 만들기 1주차로 매일 프로그래밍한 내용을 기록해볼게요.

---

소개

저는 학생이나 교사들이 서로 자료를 공유하고, 그 자료를 다운로드하며 서로 정보를 공유하는 웹사이트를 만들어볼 예정이에요.

또한 나중에는 그 다운로드 수를 통해서 자료 주인에게 지급하는 학생 부업 서비스도 구축할 계획이죠.

 

이를 통해서 자신의 필기노트를 공유하거나, 수행평가 자료 다운로드에 이용하는 등, 여러가지 유용한 요소에 이용되면 좋겠네요.

---

저번글

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

 

---

저번에 개발했던 기능

일단 저번엔 가장 핵심인 자료를 올리는 기능부터 만들었어요.

이렇게 간단히 자료 타이틀과 자료를 목록에 업로드할 수 있는 기능이에요.

물론 올리려다 생각이 사라지만 다시 목록으로 돌아갈 수 있죠.

---

그럼 이제 올리면 사람들이 자료를 볼 수 있어야죠?

그럼 이렇게 목록에서 사람들이 올린 자료 목록을 확인할 수 있죠.

일단 저는 그래서 2개의 계정으로 제가 아까 블로그에 사용했던 사진 자료를 3개 올려봤어요.

그럼 이렇게 작성자, 제목, 다운로드가 가능하죠.

 

그리고 전에 만든 자료를 삭제하고 싶어서 옆에 삭제 버튼을 만들어서 올렸던 자료를 삭제할 수 있게 만들었어요.

하지만 남의 자료는 지울 수 없도록 작성자가 자신이여야 지울 수 있게 만들었죠.

---

오늘 개발한 기능

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

일단 자료를 검색할 수 있게 만들어서 예를들어 동이라는 글자를 쓰면 동이라는 글자로 시작하는

동부건설우가 자료로 걸러져서 나오겠네요.

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

---

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

이렇게 자신의 자료만 걸러서 나올 수 있죠.

쓰다보니 뭔가 막 화려한 기능은 아니여서 만들다가 삭제될 기능일지도 모르겠네요

---

마지막으로는 프로필을 볼 수 있도록 만들었어요.

자료실 | 프로필 이렇게 2가지로 나누어 자료실 버튼에서는 자료 목록을 볼 수 있도록 만들고

프로필 버튼에서는 자신의 프로필을 볼 수 있도록 만들었죠.

그래도 아직 엄청나진 않네요.

이게 곧 생명일지도 모르니 프로필에 힘을 다 쏟을지도 모르겠네요

---

동영상 정리

 

---

이렇게 1주차를 마치는 느낌이네요. 아마도 3주차까진 이렇게 꾸밈 없이 기능적인 개발에만 투자될 예정일 것 같네요.

근데 이렇게 AI로만 쓰던 글을 직접 쓰다보니 실력이 많이 녹슨 것 같네요.

다음엔 배워서 오겠습니다!