[TIL] JS 이벤트, 문자열 메서드, 이미지 파일 판별

✍ Today I Learned

• html 태그에 속성으로 onclick을 사용할 수 있으나 이벤트 리스너의 등록 개수가 제한적이기 때문에 추천하는 방식은 아니다.

let sbmBtn = document.getElementById('sbmBtn');
sbmBtn.addEventListener('click', saveList);
// 이런 방식을 더 추천

• 객체는 순서가 중요하지 않다.
• 모든 함수에서 객체에 접근하려면 함수 밖에서 빈 객체를 선언 후 함수 안에서 객체에 값을 할당하면 된다!

const me = {};
// 이렇게 빈 객체 선언

• 이벤트를 발생시킬 때 데이터를 받아오는 시점이 언제인지 주의해야 한다.
• 모든 코드에 정답은 없다! 효율성의 차이만 있을 뿐..
• 문자열 데이터 타입은 시퀀스 특성이므로 순서를 나타내는 index(0부터 시작, 공백 포함) 번호를 갖는다.
• 문자열 데이터 값 내부에서 개행을 하는 것은 추천하지 않는다.
• 문자열 타입을 객체 타입으로 선언(new String('value');)하면 추후 비교 연산자 사용이 어렵기 때문에 추천하지 않는다.
• 문자열의 마지막 index번호는 length -1을 사용하여 추정할 수 있다.
• String 인스턴스의 값은 변경될 수(immutable) 없으므로, 모든 String 메서드는 결괏값으로 새로운 문자열을 생성하여 반환한다.
• search()와 indexOf()는 비슷하지만 search는 n번째 시작 위치를 지정할 수 없고, indexOf는 정규표현식을 사용할 수 없다.
• [이미지 파일 확장자 판별] 로직 만들면서 느낀 점
  • 함수는 간결하고, 한 가지 기능만 수행할 수 있게 만들어야 한다.
  • 각 함수는 이름만 보고도 어떤 기능인지 알 수 있어야 한다.
  • 한 번에 하려고 하지 말고 여러 번 리팩토링 해보자!