[웹개발] 미니프로젝트1

Genie_. 2024. 10. 2. 13:24

728x90

이번주는 웹개발에 대한 협업 경험을 위해 미니프로젝트를 시작했다.

강의 1~3주차 내용만 듣고도 할 수 있다고 들어, 내심 나도 드디어 코딩을 해보나?! 하는 마음으로 하였지만 생각보다 쉽지않았다.

우선 첫번째로, 말로 설명을 들었을때는 할 만해보였지만 막상 직접 해보니 어려웠고

두번째로 생각보다 오류가 많이 뜨는 것이었다.

앞으로 전체적인 계획의 틀을 잡을 때는 메모장에 어떤 것들을 사용하여 어떤방식으로 어떤 디자인으로 만들지 조금 상세하게 정리하여 시작하는 것이 시간도 아끼고, 정리도 잘될 것 같아서 와이어프레임을 상세하게 짜보기로 했다.

그리고 중간 중간 문제가 생기고 해결하는 과정을 위주로 TIL을 적어보는 방향으로 바꿔보려고한다!

이때동안은 개념위주로 그냥 복붙한것 같아서 최대한 문제해결류로 해보자

부트스트랩 복/붙 문제

우선 우리 조는 최대한 간단하고 직관적이게 만들자!가 목표였다.

부트스트랩 여기 있는 원 모양을 가져오고 싶어서 이 사이트를 이용하기로 하였는데, 아무리 복붙을해도 오류가 계속 떴다. ..

사이트처럼 똑같이 뜨지가 않았다.. 아무리해도 해결이 되지않아서

이런 식의 카드로 바꿔준 후로는 작동이 잘 되었다 !

회고

오늘 하루동안 프로젝트했는데, 각자 역할분담보다는 한명한명 모든 기능 다 해보는 경험식으로 하기로해서, 하나하나씩 다해봤는데,

따라하고 배울때는 이해되었던것들이 혼자 할려니 막막했다, 서로 얘기하면서 조율한 결과 그래도 아래 이미지처럼 기능까지 다 넣었다.

Home 버튼을 눌렀을 시에는 카드 4개가 나오고(지금 화면 ㅇㅇ), 카드 생성을 누르면

이렇게 입력 가능하게, 화면이 넘어가고, 정보를 다 입력한 후 기록하기를 누르면 '저장되었습니다'라고 창이 뜬다

그 후 저장된 정보들은 상세보기란에서 볼 수 있다.

이런식으로 내용이 추가가 된다, 삭제하기랑 수정하기부분은 감이 안잡혀서 튜터님한테 물어보고 혼자서도 찾아보고해서 추가해보려고한다!

같은 팀원분이 삭제하기랑 수정하기 공유해주신것 바탕으로도 혼자 한번 해보는게 목표다

그리고 확실히 문제가 생기고 해결하는 과정은 그 순간 바로바로 적는게 좋은 거같다, 지금 쓸려고하니 기억이 잘 안나서 ㅎㅎ;;

프로젝트 마무리되는대로 마무리회고 글 작성을 해야겠다

희망사항은 개인적으로 디자인을 더 해보고싶음!

728x90