개발 학습일지 2번째 - JQuery와 Ajax 학습

1. 본격적으로 javascript로 들어가면서, 수업 진도가 안 나가기 시작한다.

특히 JQuery 다루기,  Ajax 연습부터 엄청 막히는데, 자바스크립트 배우다가 갑자기 이건 또 왜 배우나 싶은 의문이 드는채로, 수업을 따라갔다.

 

낯선 것들이 계속 튀어나오니까 공부하는 게 쉽지 않았다. 내가 강의를 대충보다가 놓쳤나, 생활코딩을 제대로 안 보고 시작해서 그런건가? 의문이 들어서 수업 듣다가 그만두고, 구글링을 하길 반복해야 했다. 

 

남들 진도 막 빼는 시간에, 나는 기초적인 것을 배우느라 잘 나아가질 못해서 불안하기도 했는데, 의문이 들었던 것들 하나하나씩 찾아가면서 이해하고 나니까 이전 보다 훨씬 마음이 편안하다.

 

2. JQuery는 라이브러리로, 자바스크립트를 편리하게 사용할 수 있도록 단순화 시킨 것이라고 한다.

즉, 자바스크립트만 쓰면, 노가다하면서 코딩할 때가 발생할 수 있는데, JQuery 라는 라이브러리를 사용하면, 코드를 작성하는데 들이는 시간과 에너지를 효과적으로 줄일 수 있다. 개발 언어를 사용하는 유저들은 경제성에 대한 고민을 상당히 많이 하는듯 하다.

 

이번에 날 괴롭힌 것중 하나가 JQuery의 문법이다. 처음 접하는 입장에서는 괴물이 새로 하나 튀어나온 느낌이다.  

 

      $(선택자).동작함수();

$는 JQuery의 식별 기호이다. 원하는 HTML 요소를 선택하여 선택자 위치에 기입한 뒤, 동작 함수를 정의하여 선택된 요소에 원하는 동작을 설정한다.

 

$ 같이 잘 사용하지 않는 기호까지 붙여서 왜 이런 형태로 규칙을 정해놨을까 잠시 생각해봤는데, 개발자들이 일반적으로 코드를 작성할 때 자주 쓰는 기호를 활용해서 규칙을 정해놨다면, 의도치 않게 오류를 더 낼 수 있어서 그런 건 아닐까 상상을 해봤다. 즉 개체성, 차별성을 가지고 있어야. 컴퓨터에게, "이번에 JQuery 를 사용합니다. 헷갈리지 마세요."라고 알릴 수 있기 때문은 아닐까.

 

3. 또 날 괴롭혔던 것은 많은 오타들이다. 

- 세미콜론 ; 의 유무  : 신경을 안 써서 잘 안 붙였다. 세미콜론을 기입하지 않아도 자바스크립트가 웬만하면 자동으로 인식을 한다고 한다는데, 항상 그렇지는 않기 때문에, 명령 뒤에 세미콜론은 붙이는 게 좋다고 한다.

 

- 괄호 {},  () 의 구분. $()을 사용했을 때 안 되던 것이, ${}을 사용하니까 된다. 이건 왜 그랬던 걸까?

let temp_html = ``
if (bike < 5) {
    temp_html = `<tr class="urgent">
                    <td>${name}</td>
                    <td>${rack}</td>
                    <td>${bike}</td>
                    </tr>`
} else {
    temp_html = `<tr>
                    <td>${name}</td>
                    <td>${rack}</td>
                    <td>${bike}</td>
                    </tr>`

 

- 백틱 ` 과 따옴표 ' 의 구분  : https://veams.tistory.com/3

 

강의 내용이 생활코딩 정도는 한 번 수강했겠지 전제하고 나가는 느낌인지라, 기초부터 상세히 다루는 강의도 그때그때 찾아보니 도움이 된다.

 

당분간은 에러를 많이 뿜어 낸만큼 공부도 많이 되리라 생각하면서, 엉덩이를 의자에 붙이고 계속 학습을 이어나가려고 한다.