URL6 구글 accelerator 사건 / get post delete 생활코딩으로 nodejs 를 공부하던 중 지나가듯 들어서 찾아본 사건이다 과거 구글에서는 웹서핑 속도를 빠르게 하기 위해서 accelerator 라는 기술을 도입했는데 이게 뭐냐면... 예를들어 네이버 사이트에 방문한다면 그 페이지의 모든 링크들을 accelerator 엑셀러레이터 가 자동으로 미리 클릭을 하여 모든 링크의 URL을 접속, 모든 링크의 캐시를 가져와 이미 방문한 사이트에 재방문 한 것처럼 캐시를 사용하여 웹서핑 속도를 향상시키려는 기술이었는데 문제는 저 엑셀러레이터는 URL 이 있으면 모두 방문했다는 것! 아니 URL 에 방문하는게 뭐가 어때서? 라고 할지 모르지만 URL 으로 리소스를 요청하는 방식은 get 방식이고 그걸 의도해서 만든거지만 삭제를 하는 버튼에도 get 방식으로 만든 개.. 2022. 8. 30. 경로에 ' / ' 슬래시를 생략하면 예상치 못한 에러가 난다 생활코딩으로 공부하던 중 리팩토링 과정에서 리스트 내의 li 태그를 아래와 같이 만들게 되었다 function templateList(filelist) { var list = ""; for (let i = 0; i < filelist.length; i++) { list += `${filelist[i]}`; } list += ""; return list; } a 태그의 href 주소로 쿼리로 된 경로를 만들어 주는 코드인데 쿼리 앞에 / 슬래시를 못보고 못쳤더니 create를 누르고 목록을 누르면 새 페이지의 pathname 인 / 가 아닌 이전 페이지의 pathname 인 /create 를 가진채로 쿼리가 붙게 되고 create 폼이 사라지지 않게 되었다 URL 을 부분별로 해석하면 아래와 같다 sche.. 2022. 8. 25. 생활코딩 node.js 32강에 querystring 모듈을 대체하기 feat.URLSearchParam 생활코딩 32강에서는 사용자가 post 방식으로 요청한 formData를 받아서 변수로 사용하는 법을 알려준다 querystring 모듈을 사용해서 form 으로 보낸 formData를 받는데, 문제는 이 querystring 모듈이 이젠 사장된(deprecated) 이라는 것이다 vscode 를 캡쳐한 것이라 어두우니 nodejs 사이트의 설명을 가져왔다 같은 내용이다 두 캡쳐 모두 querystring 대신 URLSearchParams API를 사용하라고 말하고 있다 URLSearchParmas 라면 아하 이전에 URL 객체 내의 searchParmas 값으로 가진 객체아냐? URL 객체와 그 객체의 searchParmas 속성을 콘솔로그로 찍어보면 아래와 같이 나온다 URLSearchParams 객.. 2022. 8. 23. 생활코딩 node.js 10강 에러 원인, 대처법 생활코딩으로 node.js 강의를 따라 들으며 배우던 중 10강에서 에러가 뜨고 이해가 안되는 부분이 있어서 학습에 진행이 생겼다 혹시나 나와 같은 경우를 겪는 분들이 있을까해서 10강의 내용을 개인적으로 보충하려 한다 https://opentutorials.org/course/3332/21046 Node.js - URL로 입력된 값 사용하기 - 생활코딩 수업소개 URL에 포함된 쿼리 스트링을 해석해서 이용하는 방법을 살펴봅니다. URL의 이해 강의 Node.js에서 URL을 통해서 입력된 값을 사용하는 방법 강의 실습하실 때 url 뒤에 ?id= 의 값을 직접 입 opentutorials.org 위 강의 내용를 보면 이전까지는 http://localhost:3000/1.html 처럼 url 의 / 뒤에.. 2022. 8. 11. 이전 1 2 다음
