본문 바로가기

미션33

jQuery 사용하지 않고 프로그래밍하기 (ft.Vanilla JS) 오늘 부스트코스 웹 프로그래밍 프로젝트 4-2 코드 리뷰를 받았다. (참고: [부스트코스] 웹 프로그래밍 프로젝트4-2 리뷰어님 덕에 요즘은 jQuery를 사용하기보단 순수 JavaScript를 사용하는 추세라는 걸 알게 됐다. 전에는 jQuery가 사용하기도 쉽고 키보드 치는 것도 짧아서 자주 썼는데, 지금은 순수 JavaScript 연습할 겸 jQuery 사용을 자제하고 있는 중이었다. 마침 또 jQuery 사용을 줄이는 추세라니 신기했다. jQuery가 확실히 간편하긴 하지만, 이젠 jQuery에서만 지원하던 메서드를 JavaScript로 구현이 가능하고, 브라우저 호환성도 많이 좋아지는(우리나라에선 아직이라고 한다) 등의 이유 때문이다. 자바스크립트 라이브러리 내용 중, 1. jQuery에 jQu.. 2019. 8. 19.
handlebar 중첩 데이터 바인딩, @데이터변수 지난번에 간단히 handlebar 라이브러리 사용법을 정리했었다. ▷ 자바스크립트 템플릿 라이브러리 - handlebars 이전 글에 이어 쓰기엔 너무 길어질 거 같아서 더 공부하게 된 것들(사용해본 것들)은 여기에 새로 정리하려고 한다. 1. 중첩된 데이터 가져오기 1) each 헬퍼 밖의 데이터 만약 템플릿에 바인딩할 데이터가 var data = { students: [ { name: "enai", age: "10" }, { name: "tistory", age: "20" } ], title: "Hello" } 이렇고, Hello enai(10) Hello tistory(20) 이런 결과를 나타내고 싶다. students가 배열이므로 each 헬퍼를 사용하여 템플릿을 다음과 같이 만든다. {{#eac.. 2019. 8. 19.
이클립스에서 코드 들여 쓰기 탭 확인하기 (+ 코드 스타일 적용까지) edwith 부스트코스 웹 프로그래밍 강의를 듣고 있다. 부스트코스는 강의 챕터가 끝날 때마다 프로젝트가 주어지고, 프로젝트를 제출하여 현업 개발자분들에게 리뷰를 받아볼 수 있는 서비스가 있다. 그런데, 최근 제출한 프로젝트 코드 리뷰에서 코드 들여 쓰기 기준이 일정치 않다는 피드백이 왔다. (참고: [부스트코스] 웹 프로그래밍 프로젝트4-1) 이건 전에도 받아본 적 있던 거라 좀 민망했다. 들여 쓰기 잘해야 된다고 알고는 있었는데, 처음 지적받았던 그 리뷰 덕에 회사마다 코드 포맷 표준이 달라 tab 크기가 달라질 수 있다는 것도 알게 되었다. 그런데 똑같은 실수를 하다니ㅜㅜ (사진 속 코드에서 ······ 이 스페이스, →이 탭이다.) 항상 탭으로 들여 쓰기를 하지만, 다른 데서 코드를 짜 보고 복사.. 2019. 8. 18.