TIL_230107_ React Native Project, JS 공부

내일배움캠프 4기 스파르타코딩 React B반

---

📒 오늘의 공부

1. JavaScript 공부

기초 공부 스터디 시작 - 모던 자바스크립트 튜토리얼

코어자바스크립트 - 객체

• 과제

  • 각자 풀어보고 답을 비교 한 다음 해답을 참고

  알게 된 것

  • 객체야 안녕?
    -> let user ={} 선언해놓고 생각 없이 밑에 또 let을 썼다. 추가, 삭제는 그냥 user.name = "John"; 이렇게만 하면 되는 것!

  • 객체가 비어 있는지 확인하기
    -> 단순히 if(객체 === undefined)로 하면 가끔 오류가 날 수 있다.
    -> 객체 안의 값 존재 여부는 for in 을 쓸 것!!

  	let fruit = {};
    const isEmpty = (obj) => {
    for (a in obj) {
      // a or let a 라고 해도 됨
      return "true";
    }
    return "false";
    };
  
  		console.log(isEmpty(fruit));
  
  		fruit["8:30"] = "get up";
  
   console.log(isEmpty(fruit));

  • 변하지 않는 객체
    -> const로 선언한 객체 안의 값은 변화가 가능하지만 const로 선언한 객체(프로퍼티)를 변경하면 오류

const user = {
  name: "John",
};

user.name = "Pete";

console.log(user);

const user2 = {
  name: "Ys",
};

user = user2;
(user = 123도 마찬가지)

console.log(user, user2);

• 프로퍼티 합계 구하기
  • 객체의 값에 접근하는 방법 . []
    -> salaries.Ann (salaries["Ann"])
    -> 대괄호 표기법(["key"])을 사용하면 obj[varWithKey]같이 변수에서 키를 가져올 수 있다.

  for (let key in salaries) {
   sum += salaries[key];
  }

• 프로퍼티 값 두 배로 부풀리기
  • 객체 안에 숫자가 아닌 값이 있을 때

  const multiplyNumeric = (obj) => {
  		 for (key in obj) {
   if (typeof obj[key] === "number") {
     obj[key] *= 2;
   }
   }
   return obj;
   };

  • typeof 사용법 익힘
    -> 처음에 key.typeof()로 했다가 오류
    -> === Number라고 해서 오류
  • return 위치도 중요
    -> for 문 안에 return이 있었는데 그러니 객체의 첫 번째 값만 2배가 됐음

---

2. React Native 프로젝트

• My screen UI 작업

  • scrollView가 두 개인데 View로 감싸서 그 안에서만 스크롤이 되게 하기
    -> scrollView를 view가 감싸고 있으면 안 되는 줄 알았는데 잘 됨!

• Post Modal UI 작업

  • 모달이 잘 되는지 보기 위해 임시로 홈에 글쓰기 버튼을 만들어 모달이 뜨게 해 봄
  • 수정 모달에 삭제하기 버튼이 있는 것보다 디테일 screen에 수정, 삭제 버튼이 같이 있고 모달에는 각각 등록하기, 수정완료 버튼만 나타나게 함

• UI는 모두 완성