2023.12.22 TIL

오늘 배운 것

폰트 수정
링크 걸기 및 색상 변경
댓글 기능 구현 방법
댓글 삭제 기능 구현

오늘은 대표적으로 이렇게 4가지를 해보았다.

첫번째 폰트 수정은
눈누 라는 사이트에서 우리 사이트와 잘 어울릴 것 같은 폰트를 골라와

• {
  margin: 0;
  padding: 0;
  font-family: 'Cafe24Supermagic-Bold-v1.0';
  }

@font-face {
font-family: 'Cafe24Supermagic-Bold-v1.0';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/Cafe24Supermagic-Bold-v1.0.woff2') format('woff2');
font-weight: 700;
font-style: normal;
}

이런식으로 css 탭에 써주어서 적용시켰다.
폰트 적용 방법은 강의에서도 봤었는데 다행히 별로 어려울건 없었다!

두번째로 링크 걸기 및 색상 변경은
a href 태그로 적용시켰고
글자의 색상 변경은 구글 검색을 통해 알게 되었는데

a:link {
color: #fff;
}

이렇게 css 탭에 a:link 로 적용 시켜 주면 된다는 걸 알게 되었다.

그리고 댓글 기능 구현은
어떻게 하면 될지 처음에는 감도 안잡히고 복잡했는데 강의에서 보았던
jquerry 카드 붙이는 방법으로 시도를 해보았는데 도중에 막혀서 다른걸 하는 동안
팀원 분이 완성 시켜주셨다! 팀원 분이 만드신 방법도 비슷한 방법 이었는데
이는 내가 좀 더 공부 해봐야 겠다.

구현이 된 댓글 기능에서 비밀번호 입력을 통한 삭제 기능을 만들어야 했는데
이것도 역시나 어려워서 구글 검색을 통해서 코드를 짜보았는데
얼추 함수를 통해 완성은 되었지만 삭제 버튼을 누르고 비밀번호를 입력해도 계속 틀리다는 alert이
출력이 되어서 고민중이다... db에 저장이 되지 않아서 인지 코드를 잘못 짠건지 머리가 아프지만 계속 공부해서 완성 해볼 예정이다.

오늘은 팀 협업 프로젝트를 시작한지 2일째인 날이다.
역시 아직 많이 미숙해서 모르는것들 투성이지만
팀원 분들이 열심히 해주신 덕분에 어제에 비하면 꽤나 완성도가 높아졌다.
앞으로도 계속 노력해서 제출 예정일 까지 열심히 만들어볼 예정이다.