미니 프로젝트TIL (03)

이번주는 내내 TIL이 미니프로젝트에 대한 기록일꺼같다.

개강하자마자 시작하니까 아무래도 정신이 더 없고ㅋㅋ 뭐가뭔지 정신도 못차렸는데 

그만큼 배워가는 것도 많고 내가 배워야할것이 아직 많구나 라는 것을 다시 한번 뼈저리게 알았다....ㅎ😂

 

오늘은 개인페이지 구도를 만들어 놓고서 그에 맞게 각자 한번씩 만든 페이지를 두고 마음에 드는 부분을 코드를 뽑아서

하나의 페이지로 만들기로 했다. (팀원분들 디자인을 잘 뽑아왔었다..다들 굳🤗멋지다)

 

😀TIL을 적으면서 다시 생각해보면

아직 미숙한 부분이 더 많지만 이렇게 프로젝트에 대해서 얘기하고 고민도하고 어떠한 부분을 맡아서한다는게 한편으로는

민페가 될까 걱정도 되지만 뿌듯함과 즐거움이 더 크다.재밌다ㅎ

 

페이지부분 선택은 피그마로 본인 페이지를 캡쳐해서 마음에 드는 부분에 투표해서 가장 인기가 많은 부분들을 뽑아서 선정했다.

(피그마 처음써보는데 저번에도 얘기했지만 최고다... 왜 이제 알았지 이런 프로그램도 만들어보고 싶다...)

---

 

페이지부분 선택을 하고 그 중에서 나는  DB연결파일을 만들기로 했어서 그 부분이랑 방명록을 단 날짜와 시간이 표시되게하는 부분이 뽑혔다.  나중에 모든 페이지가 정리가 다 되면 블로그에 이미지 첨부해서 한꺼번에 정리하려고한다.

(DB연결은 그 전 TIL에 적었어서 오늘은 시간을 적었따..ㅎ)

 

❗날짜+시간

let date = new Date()
            let year = date.getFullYear()
            let month = date.getMonth() + 1
            let day = date.getDate()

            let time = new Date();
            let minutes = String(time.getMinutes()).padStart(2,"0");
            let hours = String(time.getHours()).padStart(2,"0");
            let seconds= String(time. getSeconds()).padStart(2,"0");

일단 간단하게 이렇게 내장함수를 사용해서 코드를 짜주었고 

▷1. 월은 현재 월 보다 하나가 적게 나오기 때문에 +1을 해주었고

    2.시간은 두자리 숫자가 유지되도록하고 한자리 숫자일때는 앞에 0이 나오도록 해주었다..ㅎ

🟢🟡🔴

처음에는 그냥 두자리 없이 시간을 적었더니.. 약간 머랄까 안예뻐보였다 그래서 바꿔주었다.

 

👇표시!

  let here = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`

이렇게 해주면 시간 완성...! 댓글기능에 달아놓으면 좋을 껏 같았다 .ㅎㅎㅎ

다른 팀원분들의 디자인부분에 조그마한 기능을 추가한다는게 의외로 기분도 좋았다.

 

생각하고 느낀점.....!

오늘 생각해보니까 한 게 많았다..하루 알차다

선택된 코드들을 합치는거를 내가 하게 되었는데 생각보다 어려웠다 코드만 떼서 후딱후딱 붙이면 될 줄 알았는데 

무슨 내가 글처럼 쉽게 생각한듯..ㅋㅋㅋ

내가 생각해서 css코드들을 한 폴더에 정리해서 넣으니까 다 중구난방이 되버려서 어떻게 할까 고민을 하다가 작은 부분들은 기본css파일에 넣고 나머지 각자 해온 파일들은 link를 걸었다.

 

내가 이리저리 붙인 거보다는 더 조화롭게 잘 나와서 만족하지만 link를 여러개 건 만큼 용량도 문제이고 열리는 속도도

신경은 쓰인다. 프로젝트 제출까지 시간이 남으면 한번 정리를 해보던가 해야겠다

(이렇게 작업하니까 붙이고 삭제하고 하는게 일일이 확인해야되서 실수할까봐 긴장하면서 했다.

또 팀원분들한테 줄때도 많은 파일을 줘야대서 놓친게 없나 확인을 하게되었다.)

 

이래서 깃허브를 쓰는구나 뼈저리게 알았다. 진짜 깃허브 공부해야지.... 이래서 공부해야되는구나...ㅋㅋㅋㅋ

---

<이제 미니프로젝트 남은거>

1.메인페이지와 개인페이지 결합하기

2.페이지들마다 폰트와 색상 바꿔주기

3.개인페이지마다 본인들이 넣어야하는 주소들과 이미지 넣기

4.전체 페이지들마다 넣어야하는 작은 기능을 넣기

 

<내일 해결해야될 꺼>

튜터님한테가서 내가 연결한 DB파일이 내가 할때까지는 잘 되는데 팀원들한테 배포하고 나서 방명록이 등록이 안된다고 하는 말을 들었다 이거 해결봐야지!