미니 프로젝트/이노베이션 1주차4 이노베이션 1주차 3 - Read, Update, Delete 발표회를 앞두고 최종시연까지 마쳤다. 이후 발표 부분을 맡게되었고, 꽤 떨렸지만 무사히 잘 마칠 수 있었다. https://www.youtube.com/watch?v=7ZIACJqVUa8&ab_channel=%EC%9C%A0%EC%8B%9C%ED%99%98 사실 이번 프로젝트를 진행하면서 내가 팀에 크게 도움이 되고 있지 않다는 점을 많이 느꼈다. 프론트엔드부분이 낯설었던 점은 차치하고 그 페이지 내에서 서버와 원활하게 데이터를 주고받으며 CRUD를 할 수 있게끔 프로그래밍 하는 부분에 있어 스스로 부족함을 많이 느꼈다. 지난 프로젝트 기간동안, 최대한 빨리 메인페이지의 디자인 부분을 마무리하고 CRUD에 대해 보다 깊게 공부했지만 이는 부족했다. 결과론적으로 각 파트를 맡은 팀원들의 노력끝에 프로젝트는.. 2023. 6. 10. 이노베이션 1주차 3 - Create CRUD 방명록과 관련되어 데이터를 생성, 조회, 수정, 삭제하는 일이 생각보다 어렵게 느껴졌다. 구글링을 통해 찾아보려고 해도 쉽게 내가 원하는 정보를 얻을 수가 없었다. 앞으로 남은 기간동안 이 부분과 관련하여 연습이 필요하다고 느껴졌다. CRUD Create Search 이름 국적 수정 삭제 연습 html 기존 메인 페이지의 디자인적 부분은 어느 정도 완성된 상태이기에 내가 만든 일종의 회원 정보 서비스를 가지고 CRUD를 연습해보자. 참고로, pymongo와 javascript를 이용하였다. 먼저 js 부분 function save_member() { let name = $('#name').val(); let nation = $('#nation').val() 제이쿼리를 이용하여 해당 input 값.. 2023. 6. 9. 이노베이션 1주차 2 - 프론트엔드? 나를 포함한 팀원 모두가 백엔드 부분을 공부하고 있어서 프론트엔드를 누가 맡을지 결정하기 쉽지 않았다. 토의 끝에 내가 프론트엔드 메인 페이지 부분을 맡기로 하였다. 그렇게 자세히 프론트엔드부분을 공부하지는 않았기에 모르는 것이 많았고 이를 새로 공부하면서 프로젝트를 진행시키고자 했다. htm tag : HTML 요소(element)라고도 부르며, HTML 문서를 구성하는 기본 단위 id : 한 페이지에 단 한번의 정의로 고유한 하나의 태그만 사용. 그리고 하나의 태그에 id 속성은 한 개. 동일한 것이 없는 고유한 태그기 때문에 라고도 표현. 로고, 상단메뉴, 하단정보 같은 스타일을 정의할 때 id를 사용 class: 요소에 스타일 시트를 적용하기 위한 구분자 jQuery 오픈 소스 기반의 자바스크립트.. 2023. 6. 7. 이노베이션 1주차 1 - S.A 작성 11조 소개 웹 페이지 만들기 1. 프로젝트 팀원들에게 자기자신을 소개함으로써 어색함을 조금 더 누그러뜨리기 위한 소개 페이지 제작 목표 각자의 기능 구현에 있어 성실하게 임하기, 협업이 어떤 느낌인지 직접 프로젝트를 진행하면서 알아가기 2. 와이어 프레임 4개의 페이지로 구성 1)팀 소개 페이지 팀의 목표와 규칙 2)메인 페이지 팀원 목록과 팀원 이미지 등재 -> 클릭시, 개별 페이지로 이동 3)개인 소개 페이지 이름, MBTI,자유롭게 자기자신에 대한 소개, 블로그 주소 4)방명록 페이지 방명록 작성 3.개발해야하는 기능 기능 메소드 response 메인 페이지 GET html 불러오기 서브 페이지 GET 메인 페이지 불러오기 방명록 추가 POST DB저장 방명록 삭제,수정 POST DB수 passw.. 2023. 6. 7. 이전 1 다음