2023-10-24 본 캠프 14일차 / 33일차 TIL

2023-10-24 본 캠프 14일차 / 33일차 TIL 

 

주요진행사항

- 팀과제 발제, review 부분 개발 시작

- github 특강

- 인스타그램 클론코딩

 

- 팀과제 발제, review 부분 개발 시작

오늘부터 팀과제가 시작되었다.

주제는 기존에 만들었던 개인과제(영화정보사이트)를 개선하는 것이다.

 

우리조는 2개의 개발파트를 나누었다.

1. 영화 정보 디테일 부분

2. 리뷰 부분

 

localstorage를 이용하는 리뷰 부분을 해보고 싶었기에 리뷰부분에 지원해서 진행하였다.

 

금일 진행 정도

1. ui

2. 기능 구현

- 리뷰 모달창 토글

- 비속어 예외처리

---

금일 구현한 기능 중 비속어 예외처리는 다음과 같이 진행하였다.

1. module 화

2. 주요 로직

// slangFilter.js
const slang = new Array("바보", "멍청이");

export function slangFilter(value) {
  let check = slang.some((item) => value.includes(item));
  return check ? alert("욕입니다") : alert("꺠끗합니다");
}

기본적으로 slang이라는 비속어가 담긴 Array를 가진다.

slangFilter의 함수는 유저가 입력한 내용을 매개변수로 가진다.

배열의 some 메서드를 사용하며 만약 유저가 입력한 값에 배열내의 비속어 중 하나라도 포함이 된다면 true, 아니라면 false를 반환한다.

 

마지막으로 삼항 연산자를 통해서 true일 때 욕이다, false일 때 욕이 아니라는 alert를 띄운다.