20230405 TIL

🥸Today 요약

1. 정규식 표현 자음 모음 [aeiou]를 사용하여 플래그 비교 보통 gi플래그를 쓰는 거 같다, 대소문자 구분 않고 전체 문자열에서 비교하는 것 예시_[aeiou]/gi
2. Flutter image 넣는 방법 > 폴더에 이미지 넣은 후 pubspec.yaml 안에 assets: - assets/ 넣어 연동? 시켜준다
3. Named Parameters dart를 접하면서 null에 신경을 많이 써야 할 거 같다 ?? ??=

 

👍1. 잘한 점

[✅] Flutter 챌린지

[✅] 블로그 정리

[✅] Dart 강의 2개 

[✅] 노마드 Flutter 강의 복습 (5강)

[✅] CP Flutter 강의 (1~13강)

[✅] 코딩테스트 1문제 

 

 

✌️2. 개선 점

- 생각하면서 코딩을 짜야 할 거 같다. 코테 문제도 아는 문제라 생각하고 급히 막 짰는데, 코드 짜면서 보다 클린코드를 짤 생각을 해야 할 거 같음. + 코드 리뷰 등 여러가지 방안으로 생각하는 눈을 길어야겠음

 

 

 

👏 3. 배운 점

 

1. 프로그래머스 코딩테스트 

- reduce(), 정규식표현

function solution(my_string) {
    var vowels = ["a","e","i","o","u"];
    var consonants = [...my_string].filter(x=>!vowels.includes(x));
    return consonants.join("");
}

• 내 답... 구글링 최소화해서 머리속으로 급히 짜느라 모음 배열을 선언후, string 전개연산자 ...을 이용해 문자 배열로 변환후 필터를 사용하여 join()메소드로 하나의 문자열로 합쳤다.
• 다른 분들 답 .. 한줄로도 가능이었다니!

function solution(my_string) {
    return my_string.replace(/[aeiou]/g, '');
}

• 왜 정규식 생각을 못했지??  https://252-archive.tistory.com/10
• replace()!!! 어제도 저걸 까먹은게 기억이 나는데..제발 생각하자. 새로운 문자열을 반환할 때!

replace() 메서드는 어떤 패턴에 일치하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환합니다. 그 패턴은 문자열이나 정규식이 될 수 있으며, 교체 문자열은 문자열이나 모든 매치에 대해서 호출된 함수일 수 있습니다.

 

---

2. dart function

Dart functions

 

---

3. StatelessWidget vs StatefulWidget

• statelessWidget : state가 없다는 뜻. ui에 영향을 미치는 데이터가 없어서 고정된 위젯이다
• statefulWidget : state가 있다. ui에 영향을 미치는 데이터가 있어서 ui가 변경되는 위젯이다

---

4. Flutter 기본 구조

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Container(
        color: Colors.amber,
      ),
    );
  }
}