[TIL] 2023/10/05

김민재·2023년 10월 4일
0

TIL

목록 보기
9/172
post-thumbnail

getMonth()는 0부터 세기 때문에 +1을 해줘야 한다.

스파르타 미니프로젝트
TITLE: 팀원 소개 페이지
내 담당: 팀원 소개 페이지 모달 창
//
이름 클릭 시 팀원 페이지가 나오게 만듦
파이어베이스로
팀원, 응원 메시지 목록 데이터를 받아옴.
팀원 추가 페이지 만드는 팀원과 변수 상의 후 진행

media query 이용해서 작은 창에서도 편하게 볼 수 있게 만듦.

시행 착오
응원메시지 목록들이 이어서 계속 나옴.
html 설정 잘못해서 재설정.

data-bs-target = 아이디/클래스

이거를 가져옴.

css

position: absolute; 부모 요소로 기준 배치
top: 0;
right: 0;
오른쪽 맨 위
position: relative; 자기 자신으로 배치
hover시 박스 쉐도우
background-color: rgba(97, 176, 245, 0.11);
box-shadow: 0 0 20px rgba(97, 176, 245, 0.52);

jquery

처음 써 보는 제이쿼리라 힘들었다.
내 보충 역할은 클릭 시 보였다 안 보였다 버튼 만들기
버튼을 만든 후
$(document).on("click", ".commentHideBtn", function () {
$("#commentField").toggle();
});
onclick이 아닌 click은 동적인 요소에서 안 됐음.
onclick으로 클래스를 받아 toggle사용해서 보였다 안 보였다 하기

이렇게 쉬운 걸 몇 시간이나 헤맸다.

html

 <audio id="audio" src="okay.mp3"></audio>

클릭하면 실행하게 할 수 있음.

git

git을 사용하다 파일을 삭제해서
git checkout commit ID로 다시 돌아옴.
돌아온 후
git pull origin main --allow-unrelated-histories
을 사용해서 팀원과 파일 맞춤

vsCode

파일 옆 알파벳 의미
U: 추적되지 않음.
D: 삭제됨.
M: 에러 없이 수정됨

profile
개발 경험치 쌓는 곳

0개의 댓글

관련 채용 정보