20231113 TIL

Today 요약

[✅] 프로그래머스 코딩테스트 1문제

[✅] js 강의 1개 반

[✅] dart 기초 강의 1개

---

배운 점

1. js

1-1 keypress, keydown, keyup 차이

keydown

• 키보드의 키가 눌렸을 때 발생
• 키가 누른채로 유지되는 동안 반복 발생 
• Shift, Alt, Control과 같은 물리적인 키에 대한 정보 제공
• event.key 속성을 사용해 확인할 수 있다

document.addEventListener('keydown', function(event) {
  console.log('키 눌림:', event.key);
});

keypress

• 문자입력(출력 가능한 문자)를 추적하기 위해 설계
• keydown과 유사하지만 문자가 아닌 키는 트리거하지 않는다 
• 문자 입력에 대한 이벤트로 input 및 textinput 이벤트로 대체

document.addEventListener('keypress', function(event) {
  console.log('문자 입력:', event.key);
});

keyup

• 키가 눌린 후 떼어질 때 발생
• 사용자가 키를 뗏을 때 감지
• keydown과 마찬가지로 물리적인 키에 대한 정보 제공

document.addEventListener('keyup', function(event) {
  console.log('키 떼어짐:', event.key);
});

2. dart enum

• 열거형 데이터 타입

enum Color {
  red,
  green,
  blue,
  yellow,
}

void main() {
  // 열거형 값 사용
  Color myColor = Color.blue;

  // switch 문을 이용한 열거형 값 처리
  switch (myColor) {
    case Color.red:
      print('빨간색');
      break;
    case Color.green:
      print('초록색');
      break;
    case Color.blue:
      print('파란색');
      break;
    case Color.yellow:
      print('노란색');
      break;
  }

  // 열거형 값들을 리스트로 얻기
  List<Color> colors = Color.values;
  print('모든