Tiny Star

🏕️내일배움캠프/📂팀원 소개 페이지 만들기(23.05.15) 6

팀원 소개 페이지 5일차-코드 발표 및 회고

스파르타 코딩클럽_내일 배움 캠프 spring 트랙 6기 [프로젝트] 팀 소개페이지 미니 프로젝트 2023.05.15 ~ 2023.05.19 개발도구 : Visual Studio Code 프로그래밍 언어 : Python 데이터베이스 : MongoDB 프레임워크 : Flask 라이브러리 : venv 와이어프레임 : Figma 첫 프로젝트의 마지막 날.프로젝트 발표를 위해 코드를 최종으로 완성했다. 일주일간 좋은 팀원들과 같이 프로젝트를하면서 많은 걸 배웠다. TIL에도 작성했던 내용을 정리해본다면 기술적으로는 git hub, figma, miro 등 다양한 툴을 배우게 되었는데, 새벽까지 공부하시면서 팀원들에게 git을 알려주신 팀원 한 분 덕분에 모두가 git hub를 어느정도 사용할 수 있게 되었다. ..

팀원 소개 페이지 4일차-몽고 DB에 개인 데이터 저장하고 연결해보기+멤버 이미지 연결 코드 수정(git 사용)

스파르타 코딩클럽_내일 배움 캠프 spring 트랙 6기 [프로젝트] 팀 소개페이지 미니 프로젝트 2023.05.15 ~ 2023.05.19 개발도구 : Visual Studio Code 프로그래밍 언어 : Python 데이터베이스 : MongoDB 프레임워크 : Flask 라이브러리 : venv 와이어프레임 : Figma 멤버이름 기존 코드에서는 onclick을 사용하여 index.html 상단 부분에 Javascript를 이용하여 멤버들의 사진을 누르면 개인 소개페이지(서브페이지)로 동작할 수 있는 함수를 만들어서 적용시켰었다. 그러나 멤버 인원이 5명이어서 멤버별로 데이터를 받아와야 했으나 아직은 구현할 수 있는 기술이 아니어서 페이지를 다 따로 만들어야했기에 oncilck대신 guestbool_c..

팀원 소개 페이지 3일차-멤버 소개 git으로 코드 합치기

스파르타 코딩클럽_내일 배움 캠프 spring 트랙 6기 [프로젝트] 팀 소개페이지 미니 프로젝트 2023.05.15 ~ 2023.05.19 개발도구 : Visual Studio Code 프로그래밍 언어 : Python 데이터베이스 : MongoDB 프레임워크 : Flask 라이브러리 : venv 와이어프레임 : Figma 기존에 작성했던 파일을 git을 사용하여 팀원들이 만든 페이지를 합쳤다. 완성된 페이지는 아니지만 git, branch를 사용하는 방법을 익혔고, 많이 사용해보는 중이다. E 1 I 4 &nbsp E1I4 Intro Member Design_Empty Guest Book 안녕하세요, 저희는 E 1명과 I 4명으로 구성된 화목한 5남매(+1) 입니다 🙋🏻‍♂️🧚🏻‍♂️👩🏻🐶👩🏻‍🦰👰🏻‍..

팀원 소개 페이지 2일차-멤버 소개 html/css/onclick

스파르타 코딩클럽_내일 배움 캠프 spring 트랙 6기 [프로젝트] 팀 소개페이지 미니 프로젝트 2023.05.15 ~ 2023.05.19 개발도구 : Visual Studio Code 프로그래밍 언어 : Python 데이터베이스 : MongoDB 프레임워크 : Flask 라이브러리 : venv 와이어프레임 : Figma 작일 회의하고 제작했던 와이어 프레임과 S.A.를 바탕으로 각자 영역을 나누어서 코드 작성을 진행했다. 프론트엔드와 백엔드 구분이 아닌, 영역으로 구분하여 팀원 모두가 다양하게 작업을 해볼 수 있었다. 내가 맡았던 영역은 멤버 사진과 이름, 그리고 멤버 사진을 클릭하면 멤버 개인 상세프로필로 연결되는 기능을 구현하는 것이었다. onclike 메소드를 이용하여 작업하였고, git pus..

팀원 소개 페이지 1일차_S.A.와 와이어프레임 제작

스파르타 코딩클럽_내일 배움 캠프 spring 트랙 6기 [프로젝트] 팀 소개페이지 미니 프로젝트 2023.05.15 ~ 2023.05.19 개발도구 : Visual Studio Code 프로그래밍 언어 : Python 데이터베이스 : MongoDB 프레임워크 : Flask 라이브러리 : venv 와이어프레임 : Figma MBTI E 1명과 I 4명이 모인 E1I4팀의 '팀원 소개 페이지 만들기' 프로젝트 시작 웹 사이트의 골격은 팀원 분의 정보로 'Figma'라는 협업 인터페이스 도구를 사용했고, 팀원 모두가 참여하여 각자 본인 아이디어를 공유하고 취합하는 과정을 거쳐 비교적 빠르고 손쉽게 제작할 수 있었다. 아래는 팀원분이 공유해주신 Figma 강의 영상이다. https://www.youtube.c..