코딩/React 본 캠프

[본 캠프 13일차] 걷기반 4회차 강의 + 팀 프로젝트 시작

James Song 2024. 7. 31. 12:57
반응형

조건문과 논리 연산자

 

let age = 25;
let isMember = true;

if(age >= 18 && isMember === true) {  // age && isMember 
    console.log("접근 허용");
   } else {
    console.log("접근 불가");
}

 

 

let isLoggedIn = false;
let isAdmin = true;

if( isLoggedIn === true || isAdmin === true) {  // isLoggedIn || isAdmin
    console.log("관리자 페이지에 접근 가능");
   } else {
    console.log(" 관리자 페이지에 접근 불가");
}

 

 

let purchaseAmount = 150;

let isGoldMember = false;

let isSilverMember = true;

 

// 구매 금액이 100 이상이고 골드 회원이거나 실버 회원이면 할인을 적용if ((purchaseAmount >= 100 && isGoldMember) || isSilverMember) {

  console.log("할인 적용");

} else {

  console.log("할인 미적용");

}

 

 

let purchaseAmount = 150;

let isGoldMember = false;

let isSilverMember = true;

 

if (purchaseAmount >= 100) {
  // 여기서 체크
  if (isGoldMember === true || isSilverMember === true) {
    console.log("할인 적용");
  } else {
    console.log("할인 미적용");
  }
} else {
  console.log("할인 미적용");
}

 

 

forEach, map, filter

 

map, filter 는 return문 사용

 

map : 가공해서 만들고싶을 때 (수정)

const fruits = ["사과", "오렌지", "포도"];  // string(배열)이지만 return {} 이러면 객체로 나온다

const result = fruits.map(function (f) {
   if( f === "사과") {
        return true;

});

console.log(result);

원본 배열의 길이만큼 가공하기 때문에


filter (거른다)

const 회원명부 = [
  {
    이름: "홍길동",
    나이: 25,
    성별: "male",
  },
  {
    이름: "홍길순",
    나이: 30,
    성별: "female",
  },
  {
    이름: "홍길자",
    나이: 40,
    성별: "female",
  },
];

// filter 함수를 사용해서, 35세 이상의 사람 중 여자만 필터링

 

const results = 회원명부.filter(function (f) {

if (f.나이 >= 35 && f.성별 === "female") {

    return true;

  } else {

    return false;

  }

});

console.log(results);

 

find (찾다)

첫번째 값만 나온다.

// 회원명부에서 여자인 첫 번째 회원을 찾아보세요.

 

const results = 회원명부.find(function (f) {

  if (f.성별 === "female") {

    return true;

  }

});

console.log(results);

 

 

sort (정렬)

원본 배열 자체도 정렬해버려서 조심해야한다.

  1. 원본배열 정렬이 된다
  2. sort 도 callback 함수를 가진다
  3. 이 callback 함수는 인자(input)가 2개
  4. 이 callback 함수의 return에 필요한 것은 '숫자'
  5. 숫자로 이루어진 배열을 정렬할 때는 b-a 가능
  6. 문자로 이루어진 배열을 정렬할 때는 localCompare 필요 

 

오늘부터 팀 프로젝트를 시작했고, 이번 프로젝트는 영화 검색 사이트 만들기 입니다.

저는 회원가입, 로그인 및 로그아웃 부분을 담당해서 내일부터 본격적으로 진행해보려고 합니다.

반응형