개발공부/JavaScript(5)
-
[Node.js] Node 17버전 node-sass 에러
Node 17 node-sass 에러 Vue에서 사용한 라이브러리를 위해 Node 버전을 17으로 업데이트 하고 빌드했을 때 sass가 없다는 에러가 발생했습니다. 해결은 14 버전으로 낮추는 방법으로 됐지만 원인을 파악해봤습니다. Stackoverflow에서도 npm install node-sass 라던지 rebuild 커맨드를 해결방법으로 제시해주고 있습니다. node-sass란? scss 파일을 미들웨어를 통해 css파일로 빠르게 컴파일 해주는 라이브러리 입니다. 왜 node 버전에 따라서 node-sass 에러가 날까? npm node-sass 문서를 보면 답이 나와있습니다. 사용빈도가 줄어서인지 Node 17 버전부턴 LibSass is Deprecated 되었기 때문입니다. 대체는 DartSa..
2021.11.15 -
[Vue.js] Pagination
Pagination Pagination의 정의 JPA Pagination 동작원리 Paging은 결과 데이터를 통째로 리턴해주지 않고 Spring에서 페이지 사이즈와 시작 페이지에 상응하는 데이터를 넘겨주는 리턴처리 방식을 말합니다. paging을 사용하려면 PagingAndSortingRepository가 필요하지만 JpaRepository가 이미 상속하고 있기 때문에 JpaRepository를 사용하신다면 별도로 상속해주지 않아도 됩니다. PagingAndSortingRepository는 Pageable을 파라미터에 담을 수 있는 메서드를 제공해줍니다. public Page findAll(Pageable pageable); 위 코드와 같이 paging을 위해서 리턴타입을 Page로 설정해주어야 합니다..
2021.10.02 -
(3) JSONArray & JSONObject
JSON은 언어간의 변환이 자유로운 자료구조 입니다. 이러한 장점 덕분에 서버 - 클라이언트 HTTP 전송 시 JSON 형식으로 돼있는 경우가 많습니다. Java 기준으로 라이브러리 종류도 크게 3가지가 있는데 참고로 알아두면 좋을 것 같습니다. JSON (참고링크) 용량이 큰 파일들을 처리해야 할 때가 있을 수 있는데, 이는 하둡이나 스파크 클러스터(분산 저장소로 빅데이터를 처리하는 프로그래밍 모델)로 어플리케이션을 처리할 때 사용합니다. 벤치마킹 : 대용량 파일의 경우 Jackson과 simple이 우세하지만 다수의 작은 용량을 처리할 경우 GSON과 simple이 우세하단 것을 알 수 있습니다. JSON String을 Java에서 파싱할 때 JSONObject, JSONArray 중 선택해 사용할 ..
2021.06.23 -
(2) querySelectorAll
querySelectorAll 정의 : 선택한 HTML 문서 요소들을 리턴받을 수 있는 메서드입니다. querySelector와 달리 여러 개의 요소들을 리턴받을 때 쓰기 때문에 리턴 타입은 NodeList 입니다. (* NodeList는 Array가 아니지만 foreach() 반복문은 사용할 수 있습니다. Array.from() 메서드를 사용해 Array로 변환해줄 수 있습니다) 예시 : 1 2 3 4 5 6 //문서 내 태그 const matches = document.querySelectorAll("p"); //문서 내 태그 id= "pr_img_ex" Array로 변환 var imgExArr = Array.from(document.querySelectorAll("#pr_img_ex")); Colo..
2021.03.15 -
(1) JSON stringify
JSON stringify 정의 : JSON(JavaScript Object Notation)은 언어나 서버, 웹에 구애받지 않고 데이터를 주고 받을 수 있는 Javascript 형태의 데이터 타입입니다. stringify()는 JSON의 메서드인데 JavaScript 객체를 String으로 변환해줍니다. 설명 : 서비스를 만들면 Front-end에서 Back-end 서버로 데이터를 전송할 경우가 발생합니다. 이때 편리한 JSON 형식으로 많이 보내게 됩니다. 하지만 JavaScript 객체를 String으로 변환하지 않고 JSON에 입력하면 읽지 못하거나 데이터가 변경되는 상황이 발생할 수도 있습니다. 따라서 서버로 데이터를 전달할 땐 JSON.stringify()를 이용해 String으로 변환한 뒤 ..
2021.03.13