본문 바로가기

PROJECT/미니 프로젝트 (24.04.16~24.04.19)4

미니 프로젝트 - 팀 소개 웹페이지 개발 후기 및 코드 프로젝트 관련 링크 1일차 : 2024.04.16 - [PROJECT/미니 프로젝트 (24.04.16~24.04.19)] - 미니 프로젝트 - 팀 소개 웹페이지 개발 (1) 2일차 : 2024.04.17 - [PROJECT/미니 프로젝트 (24.04.16~24.04.19)] - 미니 프로젝트 - 팀 소개 웹페이지 개발 (2) 3일차 : 2024.04.18 - [PROJECT/미니 프로젝트 (24.04.16~24.04.19)] - 미니 프로젝트 - 팀 소개 웹페이지 개발 (3) 프로젝트의 진행은 아래의 순서로 진행된 것 같다. 1. 페이지 디자인 아이디어. 2. html로 구조잡기. 3. css로 꾸미기. 4. js로 동작 시키기! + firebase의 연결. 읽기전 알아둘 것. 보안과 관련된 부분은 전혀.. 2024. 4. 21.
미니 프로젝트 - 팀 소개 웹페이지 개발 (3) 이전 진행도 : 미니프로젝트(2) 글을 다듬는 것은 추후에 시간을 들여서 할 것. 일단 기록해두는 것에 초점을 두기로 했다. TODAY GOAL 어제 받은 피드백들을 처리하고, 그 이외의 수정사항이 있다면 수정하기! TODAY DONE 메인 화면 팀원 소개 페이지로 들어갔을 때, 바로 보이는 화면 내 디폴트 값 지정하기. 카드 앞면 링크 처리 → 이메일 , 깃허브, 블로그 extra issue: 공란일 경우→ 처리 기술스택에 글자수 제한을 걸수 있는지 확인해보기 카드 뒷면 필드명 추가 → [field - data] 양식 데이터 왼쪽 정렬 받아오는 데이터가 길면, 스크롤 기능 추가해 공간 더 확보하기. 수정하기 버튼 버튼 디자인 변경 ISSUES 바보이슈 1. git ignore 에 들어갈 파일을 따로 받.. 2024. 4. 18.
미니 프로젝트 - 팀 소개 웹페이지 개발 (2) 이전 진행도 : 미니 프로젝트 (1) 미니 프로젝트 - 팀 소개 웹페이지 개발 (1) 팀 소개 웹페이지 개발 프로젝트 소개 : 팀원 7명의 짤막한 자기소개를 담은 웹페이지 제작 내가 맡은 부분 : 전체 개발 중 팀원 소개 페이지 담당 TODAY DONE 와이어 프레임 디자인 멤버 소개란 디 dev-hr.tistory.com 글을 다듬는 것은 추후에 시간을 들여서 할 것. 일단 기록해두는 것에 초점을 두기로 했다. TODAY GOAL DB에서 데이터 받아 처리하기 다른 동료들이 만들어둔 페이지와 연결하기 여유시간 존재 -> CSS 모양, 형태 다듬기 진행. TODAY DONE > 팀원 리스트 실패 case 핸들링 하는 방법 등등. 팀원 리스트 팀원 명 → DB에서 받아올 것. key를 팀원 이름으로 설정 .. 2024. 4. 17.
미니 프로젝트 - 팀 소개 웹페이지 개발 (1) 팀 소개 웹페이지 개발 프로젝트 소개 : 팀원 7명의 짤막한 자기소개를 담은 웹페이지 제작 내가 맡은 부분 : 전체 개발 중 팀원 소개 페이지 담당 TODAY DONE 와이어 프레임 디자인 멤버 소개란 디자인 멤버 소개란 html작성 멤버 소개란 css작성 (수정 필요) 개발을 하며 발생한 문제들 1. 첫번째 ISSUE ( 해결 O ) 러프하게는 완성을 했으나 CSS 부분에 욕심이 생겼다. 자바스크립트 연결은 내일 하자는 계획 아래 남은시간은 전부 CSS에 투자하였다. 초기 디자인의 카드 모양을 만들기 위해 아래의 코드를 사용해 카드 앞면과 뒷면을 만들었다. 팀원 이름 MBTI 기술 스택 자기소개 취미 자신의 장단점 협업스타일 한마디 위의 코드와 같이 카드 앞면, 뒷면을 순서대로 기록을 했는데, 여기서 .. 2024. 4. 16.