프로젝트/장고 웹페이지 구축 9

[Django] JS alert() 함수를 이용해 간단한 팝업창 만들기

🚏 다시 살아 돌아온 동아리 홈페이지 만들기 장고 프로젝트는 오랜만입니다. 일단 변동사항이 여러 개가 있슴당 .. 프로젝트 장기화에 따라 홈페이지 대거 수정이 들어가면서 기존에 제가 담당하던 과제 제출 페이지가 사라졌습니다. 대신 다른 팀원분의 도움을 받으며 동아리 지원 페이지 만드는 것을 조금씩 돕고 있는데요. 여전히 미숙한 실력이지만 제가 담당한 부분들을 다시 기록해볼게요 “✍ʕ•ᴥ•oʔ 🧯 그러니까 제가 무엇을 담당하고 있냐면요 . . . 일단 메인 페이지에서 지원하러 가기, RECRUIT 버튼을 누르면 동아리를 지원할 수 있는 페이지로 이동됩니다. 저희 팀원분이 정말 영혼을 갈아서 만들고 계신 리쿠르팅 페이지 WANT TO LEARN [ ] JOIN I.Sly() NOW! 에서 [ ]가 모션으로 ..

[Django] 포스트 작성 페이지 구현하기 - (2)

🚧 어찌저찌 굴러가게 된 작성 페이지 (feat. 마크다운) 나름 대거 수정이 있었다. 마크다운을 적용한 과제 작성 페이지도 구축하고, 페이지들끼리 연결도 했다. 그 외에도 조금씩 수정을 해보았는데, 이제 제법 게시판의 기능을 하는 것 같다! 💬 이런저런 주요 수정 사항! 일단 전체적인 구성을 먼저 소개하고, 자세한 코드는 더 밑에 적혀있습니닿 1. 게시판 리스트 1-1. No. 부분 → 전에는 advancedlist.html에 {{ post.id }} 로 적어서 No.를 표현했는데, 이렇게 하니까 문제 발생. 예를 들어 post.id가 2인 게시물을 삭제하면 No.에 2번이 없어진다. (post id가 2번인 포스트가 삭제되었기 때문에 영원히 2번은 사라짐…) 그럼 1번 다음 바로 3번이 되는 문제가 ..

[Django] git pull/push 할 때 참고할 페이지

🛝 git 명령어 모음집참고 링크 📎 : 우리 팀장님 블로그 git add .git commit -m "230101 commit"git pull origin mastergit push origin enjprk41 그럼 이제 팀원이 수정한 코드가 개발 리더의 깃헙 코드 저장소의 입구 문을 두드리고 있음. 아직 할 일이 남아 있다. github 사이트로 들어가서 개발 리더의 깃헙 코드 저장소의 Code 메뉴에 접속한다. **freshman had recent pushes less than a minute ago**라는 문장이 보일거고, 오른쪽에 Compare & pull request 버튼이 보일 것이다. 그걸 과감하게 누르자! 그럼 Open a pull request라는 메일처럼 보낼 수 있는 게 뜬다! ..

[Django] 포스트 작성 페이지 구현하기 - (1)

🧾 감히 역대급 난이도라고 자신할 수 있는 포스트 작성 페이지 구현하기 거짓말 안 치고 챗 지피티한테 질문 백 번 정도 한 것 같다. 사실 지금은 껍데기만 구현한 거고 세부적인 기능은 (ex. 로그인한 사용자만 작성하기 등) 아주 나중에 추가할 예정이다. /assignments/advanced/ /assignments/advanced/create/ *Submit 버튼 누르면 에러 페이지가 뜬다. 근데 결론적으로... 저장이 되긴 됨. 📎 참고한 사이트 : https://velog.io/@wodnr0710/Do-it-%EC%9E%A5%EA%B3%A0-%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9-15%EC%9E%A5.-%ED%8F%BC%EC%9C%BC%EB%A1%9C-%..

[Django] 게시판 페이징 처리 - (2)

🔖 다시 돌아온 게시판 페이징 처리 저번보다 조금 발전한 페이징 처리! 1탄을 보고 오면 내가 얼마나 발전했는지 확인할 수 있다. ( ̄▽ ̄)ノ 1탄 링크 : https://eunjuicyyyyyy.tistory.com/22 일단 완성본부터 ㅎㅎ ... 이번에는 html과 css 위주로 수정했다. 사실 html은 기능 하나만 더 추가했는데 css로 디자인을 좀 수정했더니 되게 많이 바뀐 것처럼 느껴진다. 💬 advancedlist.html {% if page.has_previous %} « first ← {% endif %} {% for i in page.paginator.page_range %} {% if i >= page.number|add:-5 and i

[Django] 게시판 페이징 처리 - (1)

🔖 게시판 페이징 처리를 해보자! 게시판 페이징 처리는 웹 애플리케이션에서 긴 목록의 데이터를 여러 페이지로 나누어 표시하는 기술이다. 이를 통해 사용자는 데이터를 효과적으로 탐색하고 관리할 수 있다. 거두절미하고 바로 해보도록 하겠다! 참고 링크 : 📎 https://wikidocs.net/71240 📂 대량 테스트 데이터 만들기 페이징을 구현하기 전에 페이징을 테스트할 수 있을 정도로 충분한 데이터를 생성하자. 나는 150개 정도 만들 생각이다. 이렇게 대량의 테스트 데이터를 만드는 가장 좋은 방법은 장고셸을 이용하는 것이다. (by 점프 투 장고 위키독스...) ① 터미널에서 장고 셸 실행하기 python manage.py shell ② 터미널에서 장고 셸 실행하기 from django.contri..

[Django] 게시판 만들기 프로젝트 중간 보고

👩🏻‍💻 현재까지 프로젝트 진행이 얼마나 되었는지 공유! 개발 왕초보인 나. . . 그래도 열심히 하나씩 완성해 나가는 중,,,٩(^ω^)و 나는 기초 스터디 부원과 심화 스터디 부원 각각이 업로드할 과제 업로드 페이지를 만드는 업무를 맡았다. 오늘은 지금까지 완성한 부분들을 공유해보려고 한다. 먼저 기초를 눌러보면, (# url path : assignments/basic/) 이런 식으로 게시판 목록, 즉 리스트가 뜬다. 간단히 설명해 보자면, 1) WRITE 버튼 → 이 버튼을 누르면 게시물 작성 페이지로 넘어간다(계획). (html로 버튼 모양만 만들어둔 상태. . . 실제로 누르면 아직 아무 일도 발생하지 않는다.) 2) 게시판 리스트 No. Title Author Created At Views ..

[Django] Django의 model 클래스 & MySQL DB 이해하기

💬 개발 왕초보가 쓰는 정리글,,, (틀린 부분 있으면 알려주세요) 일단 나는 동아리 홈페이지를 만드는 프로젝트에서 기초 스터디 부원과 심화 스터디 부원 각각이 업로드할 과제 업로드 페이지를 만드는 업무를 맡았다. 🪧 링크/assignments/basic : 기초 부원 과제 업로드 페이지 🪧 링크/assignments/advanced : 심화 부원 과제 업로드 페이지 여기서 게시물 두 개는 내가 게시판 리스트를 조금 더 수월하게 만들기 위해 superuser를 생성한 후 admin 페이지에서 임의로 만든 게시물이다. 기초 과제 제출 페이지에만 게시물 두 개를 생성했다(진짜 맨 처음에). 그러다 얼마 전에 팀장으로부터 DB를 처음부터 다시 설정하겠다는 연락을 받았다(MySQL 사용하기 위해! 전에는 SQL..

[Django] Django에 MySQL DB 연결 - MacOS

🤜🏻 Mac(맥)에서 Django(장고) 개발환경 구축하기 기본적으로 장고는 SQLite3 데이터베이스를 사용하여 개발 서버를 실행하고 초기 프로젝트 설정을 제공한다. 하지만 실제 프로덕션 환경에서는 대부분 MySQL과 같이 더 강력하고 확장 가능한 데이터베이스 시스템을 사용하는 것을 권장한다. 나는 현재 동아리 팀원들과 웹페이지를 구축하는 프로젝트를 진행하고 있고, 팀장으로부터 DB 연결을 요청받아 한 번 해보려고 한다! 1. MySQL 설치 ✅ Homebrew 설치되어 있는지 확인 * Homebrew : macOS 용 패키지 관리자 설치 나는 미리 설치해서 version 확인만 간단히! $ brew -v ✅ MySQL 설치 $ brew install mysql ✅ MySQL 버전 확인 $ mysql ..

728x90