240419 TIL & WIL_팀 프로젝트1 (팀 소개 웹페이지 제작) 종료 > CSS (selection)

미밍·2024년 4월 19일
1

우당탕탕 개발 일기

목록 보기
17/108

240415 ~ 240419 첫 프로젝트 종료

팀 소개 웹페이지 만들기
웹페이지(HTML)에 파이어베이스를 활용하여 댓글 CRUD 구현
발표

CSS (드래그 시 효과)

::selection {
background-color: #7B66FF;
color: #fff;
}

  1. 변수명!!!!! 제발 오타 그만~! 복붙을 생활화하자...
  2. vs코드에서 오류가 있으면 빨간색 표시가 된다.... (충격)... 빨간색 찾아서 꼭 확인할 것!
  3. 파라미터 사용하기!!!! 세상에 펑션 9개 만들었는데 생각해보니까 그럴 필요가 없었다...!

.env 파일이 뭔지 알고 싶은데 너무나 어려워서 알 수가 없다.......... 다음 프로젝트에서 또 고생하며 알게 될 거라는 생각에 벌써 두렵다...
=> 일단 gitignore 파일로 진행 중!!

[일주일 회고]

내가 한 코딩 보는데 어떻게 했지? 소리밖에 안 나온다. 🙃🙃🙃

진짜 정말 너무너무 어려웠다...문서 활용 방법과 id 지정 등등 헤쳐나갈 것이 너무 많았으나...!!! 어떻게 저렇게 이렇게... 잘 마무리 됐음에 감사...

js도 정말 문제였지만 css도 문제였다. 팀내 css와 디자인에 능통하신 분들이 많았음에 정말 감사드린다...

공식 문서를 읽는 법에 대해서 조금정도 알게 된 일주일이었다. 파이어베이스를 사용하면, 파이어베이스 매서드를 이용하는 구나 등... 순수 자바스크립트 문법을 모르는데 파이어베이스 매서드를 쓰게 될 줄은... 하나하나 다 체할 만큼 급하게 익힌 건 아닌지 걱정이다. (반쯤 휘발된 것 같기도🙃..)
파이어베이스를 찾아서 공식 문서를 사용해야지! 자체의 개념이 없어서 개념 잡고, import의 개념도 없어서 import 개념도 잡고, 왜 안 되는 거지 하고 console.log(); 찍고 찍고 또 찍고... 아무리 해도 해당 값이 안 나오면 머리 쥐어뜯다가 또 공식 문서 찾고, 공식 문서 문법에서 어 여기는 왜 이걸 썼지 하고 그냥 그거 복사해서 console.log() 찍으면 원하는 값이 나오고... 왠지 모르겠지만 어쨌든 됐다!! 하면서 얼렁뚱땅 넘어간 게 너무 많다🙃. 사실 처음엔 괄호에다가 뭘 넣어야 할지 감도 안 잡혔다. 지금도 안 잡히는데 그냥... 그냥 한다... 이런 식으로 "감으로 하는 법"보다 실제로 차근차근 이해하며 배우고 싶은데, 그게 아니어서 솔직히 나에게 조금 아쉬웠던 주였다.

튜터님과 팀원분들이 많은 도움을 주셨는데 정말 감사드리며... 정말 기능 구현이 쉽지 않다는 것을 깨닫는 중...🙃

발표 당시 다른 조의 웹페이지도 보는데, 정말 멋진 조가 많았다! 시간 관계상 발표를 A조 / B조로 따로 했는데, A조에 속한 나는 B조의 발표까지 듣고 싶을 정도였다. 튜터님께서 발표마다 피드백을 해주셨고, 그 피드백 또한 너무나 도움이 되었다. 어떻게 하신지 모르겠지만, 다음에 저런 기능을 나도 구현해보고 싶다고 생각한 조가 참 많아서, 차근차근 도전해볼 예정.

다음주의 경우 드디어 기다리고 기다리던 js 문법을 배우는데, 이때는 기초부터 차근차근 이해하는 주가 됐으면!!

profile
프론트앤드; Frontend

0개의 댓글