$()에 숫자 넣기, 배열에서 특정 값만 따로 배열

1. (Jquery) $('#문자열')에 숫자를 포함하고 싶을 때 

 

Jquery는 selector를 활용해 간편하게 HTML의 요소를 선택하고, 

선택된 요소에 특정 함수를 쉽게 적용하도록 하는 라이브러리이다. 

 

$('선택자').함수(); 

 

기본적인 구조는 위와 같다. $의 뜻은 '앞으로 제이쿼리를 이용하겠다' 정도인듯 하다. 

그런데 선택자가 꼭 문자열만 있는 것은 아니다. 

이 때 ` ` 을 활용할 수 있다. (빽탭)

 

$(`#id ${num}`).함수();  

 

'' 대신 `` 을 사용해 숫자가 포함된 선택자를 호출할 수 있다. 

---

2. .filter() 을 활용한 배열 

 

filter()는 배열 내 각 요소에 대해 한 번 제공된 callback 함수를 호출해, callback이 true로 강제하는 값을 반환하는 모든 값이 있는 새로운 배열을 생성합니다. 

 

const result = words.filter(word => word.length > 6); 

 

여기서 중요한건 함수의 구조이다.

.filter()는 배열 뒤에서 쓰이고 ( ) 안에서 콜백함수를 써서 참인 값으로 다시 배열을 만든다.

어떤 상황에서 어떤 결과를 만드는지 아는 것이 중요한 것 같다.   

 

---

오늘은 처음으로 게시글마다 각각 댓글을 달 수 있도록 하는 기능을 만들어보면서

엄청나게 오랜 시간동안 일이 잘 풀리지 않았다. 

위에 설명한 두 문법이 내 발목을 잡는 복병들이었는데, 

오랜 시간 고민한 결과인 만큼 앞으로는 응용할 수 있도록 노력해야겠다. 

 

오늘 만든 댓글 기능에서 중요한건 각각 게시글을 구분할 수 있는 고유한 ID를 부여해 데이터와 함께 db에 저장하고 

각각 게시글을 구분해야 할 필요가 있을 때 그 id값을 이용한다.

 

* $(' ')에 꼭 선택자만 오는 것은 아닌 것 같다. 일반 변수명도 들어갈 수 있는지? 

* 콜백함수가 종종 나오는 것 같은데 아직 개념을 잘 모르겠다.