[내배캠][TIL] 사전캠프 4일 차 +a

📢 오늘의 목표 📢

✔️ SQL 강의 수강
     ✔️ 2주 차 강의 수강
     ✔️ 3주 차 강의 수강

✔️ 미니미니 프로젝트 - 글쓰기 페이지 개선 작업
     ✔️ 내용 500자 이하로 제한
     ❌ 년도 선택 개선 - select에 하나하나 넣지 않아도 되게
     ❌ 파일 쪼개기 - js 다른 파일에 넣는 방법 찾기
     ✔️ id GUID로 수정
     ✔️ JSON 데이터에 timestamp 추가

 

 

📜 Chapter 1. SQL 강의

 

오늘 들은 2, 3주 차 강의도 솔직히 이미 아는 내용이라 지루했다!

 

실습을 진행하다가 큰따옴표(")와 홑따옴표(')의 차이가 궁금했는데,

찾아보니 쌍따옴표(")에서는 대소문자를 구분하고

홑따옴표(')에서는 구분하지 않는다는 차이가 있었다.

 

그래서 일반적으로 문자열에는 홑따옴표(')

칼럼, 테이블 이름 등에은 큰따옴표(")를 사용한다고 한다.

 

따로 정리할 부분은 없어서 이 단락은 짧게 마무리하겠다.

 

 

📜 Chapter 2. 사전캠프 4일 차

14:00 ~ 15:00 - 개인 공부
15:00 ~ 15:30 - 프로젝트 전 회의
15:30 ~ 17:30 - 팀 프로젝트
17:30 ~ 17:30 - 프로젝트 후 회의

 

1시간 개인 공부(SQL 강의 듣기)를 마치고 팀 회의를 했다.

지금까지 진행 상황을 공유하였는데 솔직히 벌써 꽤 많은 기능을 구현한 것 같다.

이번 주 안에 얼추 돌아가게 만들 수 있지 않을까?

 

나는 어제 기능 구현은 끝냈기 때문에,

내가 넣고 싶었던 몇 가지 기능을 알아보다가 팀원들에게 피드백이 날라와서 몇 가지 수정을 하였다.

✔️ 미니미니 프로젝트 - 글쓰기 페이지 개선 작업
     ✔️ 내용 500자 이하로 제한
     ❌ 년도 선택 개선 - select에 하나하나 넣지 않아도 되게
     ❌ 파일 쪼개기 - js 다른 파일에 넣는 방법 찾기
     ✔️ id GUID로 수정
     ✔️ JSON 데이터에 timestamp 추가

 

✔️ 내용 500자 이하로 제한

500자 이하로 제한하는 부분은 maxlength='500'라는 코드를 추가 하면 된다.

 

❌ 년도 선택 개선 - select에 하나하나 넣지 않아도 되게

년도를 input date를 사용해 받고 싶었으나,

타입을 지정하는 방식은 최대 month까지만 지원하고 year은 없는 것 같아 일단 수동으로 적는 방향으로 했다.

 

❌ 파일 쪼개기 - js 다른 파일에 넣는 방법 찾기

js 파일을 분리하는 법은 잘 모르겠다.

이게 module으로 설정이 되어 있어서 안 되는 건지...

일단 꼭 필요한 사항은 아니라 넘어가도록 했다.

 

✔️ id GUID로 수정

이건 원래 계획에는 없었지만,

현재 문서 개수로 id를 생성하던 것은 삭제 같은 걸 넣는다 생각했을 때 리스크가 있어 GUID를 생성하는 것으로 변경했다.

 

✔️ JSON 데이터에 timestamp 추가

문서가 오름차순으로 정렬되다 보니 그냥 getDocs로 가져오면 정렬 순서가 엉망이 됐다...

어떻게 해야 최신 순으로 가져올 수 있을까 고민하다가 아래의 블로그를 참고하였다.

https://velog.io/@owlsuri/firebase-data-%EC%8B%9C%EA%B0%84%EC%88%9C%EC%84%9C%EB%8C%80%EB%A1%9C-%EC%A0%95%EB%A0%AC%ED%95%98%EA%B8%B0

firebase data 시간순서대로 정렬하기

 

결과적으로 데이터를 정렬해 가져오기 위해 timestamp를 추가하였다.

 

 

🌙 오늘을 마치며 🌙 

일단 할 일을 다 해서 또 뭘 해야할 지가 고민이다.

태그를 넣는 것, 게시글을 삭제 하는 것도 이야기가 나왔기 때문에 아마 그걸 해보지 않을까 생각한다.

그리고 필드에 빈 값이 있으면 버튼을 비활성화 시키는 것도 괜찮을 듯 하다.