TIL_230115_ <GOLLA>, Typescript 기초

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

---

📒 오늘의 공부

1. < GOLLA > UI 구현

• Post 등록, 수정 UI
• Main Ui
  • 팀원들과 상의하며 수정
• 저녁에 친구들과 약속이 있어서 새벽 3시에 마저 마무리

알게 된 것

• react native 때처럼 color.js 만들어서 import해서 쓰려고 했는데 색이 제대로 반영이 안 됐다.
  • color에서 변수로 만든 색은 문자열인데('#F4EFEC') rn에서는 style로 문자열이 들어가지만 react styled component에서는 문자열로 들어가지 않기 때문에 import한 color 문자열이 들어가니 제대로 반영이 안 된 것!

---

2. Typescript

개념정리 - youtube

알게 된 것

• Typescript 쓰는 이유?
  • 타입(number, string...)을 미리 정해주기 때문에 다른 타입이 들어왔을 때 오류가 더 직관적
    ex. 숫자에는 foreach method가 없다는 오류
• Tuple
  • 배열의 첫 번째, 두 번째에 들어갈 type을 정함
    let b:[string, number]
• Void
  • return을 하지 않고 console.log만 있을 때

  ---

• JS class와 constructor 개념 제대로 잡기

---

3. 프로그래머스 JS

Lv0. 머쓱이보다 키 큰 사람

• 저번에 풀다 말았던 것 같은데 거의 다 푼 상태라 return만 추가해주니 문제가 해결됐다.

function solution(array, height) {
    let a = 0;
    let tall = array;
    for(tall of array){
        if(tall > height){
         a += 1 }

    } 
    return a
}

• 다른 사람 풀이
  - filter 사용

  function solution(array, height) {
    var answer = array.filter(item => item > height);
    return answer.length;
  }