개발 공부 기록

~ ~0.0.1 : >=0.0.1 =0.1.1 =0.1.0 =0.0 =1.0.2 =1.0.0 =1.0.0 =0.1.2 =0.1.0 =0.0.0

getElementById querySelector 해당 선택자에 맞는 element가 없다면 null을 반환 선택자에 맞는 element들 중 첫번째 것을 반환 querySlectorAll은 모든 element를 반환 해당 선택자에 맞는 것이 없다면 null을 반환 - 인접한 태그들끼리의 상대적인 위치를 비교하여 가져올 수 있음 처리 속도가 더 빠름 처리 속도가 더 느림 리턴값은 HTMLCollection name, id, index number로 HTMLCollection의 항목(itmes)들에 접근할 수 있음 리턴값은 NodeList index Number로만 NodeList의 항목(items)들에 접근할 수 있음 참고 whatabouthtml.com/difference-between-getelem..

상단바에 로그인 모달을 제작해서 클릭해서 모달에 올바른 정보를 입력하면 로그인이 되도록 설계하고 싶었다. res.send(``); 이를 위해 router의 코드를 아래와 같이 변경했다. res.send(``); history.go(-1)는 직전의 페이지로 돌아가는 것을 의미한다. 여기서 문제는 상단바의 모달 메뉴가 로그인을 했는데 로그아웃으로 바뀌지 않는다는 점이었다. 페이지를 다시 로딩할 필요가 있음을 알게 되었고 아래와 같이 수정해주었다. res.send(``); document.referrer는 직전의 주소를 알려준다. 직전의 주소로 페이지를 호출해주어 해결했다.

공통점 use와 all 모두 http request(get, post, put, delete)가 들어오면 처리한다. 차이점 app.use('/hello', function(req,res) =>{}); use method는 첫번째 인자로 들어오는 것을 시작 경로로 삼아 매칭한다. 즉, /hello /hello/world /hello/world/node 등의 hello로 시작하는 모든 경로에 대하여 routing이 진행된다는 의미다. 그러나 all은 request의 경로가 정확히 /hello 로 매칭될 때만 호출된다. 그 외의 경우는 매칭되지 않는다. app.all('/hello', function(req, res) =>{}); 참고

응답 메서드 종류 send 버퍼 데이터나 문자열 전송 HTML 코드 전송 JSON 데이터 전송 sendFile 파일을 응답으로 보내주는 메서드 json JSON 데이터를 보내줌 객체나 배열을 전송할 때 redirect 응답을 다른 라우터로 보냄 사용예시: 로그인 완료 후 다시 메인으로 돌아갈 때 render 뷰를 생성하고 HTML 응답을 전송 status 상태 코드를 결정 ... 등 하나의 요청에 대한 응답은 한 번만 보내야 하며 여러번 보낼 경우 에러가 발생한다. 참고 backback.tistory.com/341 uxicode.tistory.com/entry/%EC%9D%B5%EC%8A%A4%ED%94%84%EB%A0%88%EC%8A%A4-%EC%9A%94%EC%B2%AD-%EC%9D%91%EB%8B%..

let num = 352 Math.round(num / 10) * 10 // 350 만약 100이나 1000단위 반올림을 하고 싶다면 10 자리에 해당 수를 써주면 된다.

express를 처음 공부를 시작하고 쌩으로 짜다가 express-generator가 있음을 알게 되었다. express-generator 설치하기 > npm install express-generator -g 위 명령어를 통해 설치한다. > express --view=pug appname 위 명령어를 통해 프로젝트를 생성하면 아래와 같은 구조의 프로젝트 폴더를 얻을 수 있다. 디렉토리 구조 분석 bin/www 는 코드를 실행할 때 연결될 port번호를 담고 있다. public폴더는 css , html 같은 정적인 코드를 담고 있다. routes는 라우팅과 관련된 코드를 분리해서 담고있다. views는 템플릿을 담고 있다. (나는 pug로 설정하였기 때문에 .pug 파일을 담고 있다.) app.js는 미..

PM2 설치 npm install pm2 -g -g 옵션을 통해 전역으로 설치 PM2 시작하기 pm2 start app.js pm2 start app.js --watch watch 옵션을 주지 않을 경우 실시간 변경사항이 자동으로 반영되지 않음 PM2로 실행중인 프로그램 확인하기 pm2 monit pm2 list 프로그램 종료하기 pm2 stop app 프로그램 다시 실행하기 pm2 restart app 프로그램을 목록에서 제거하기 pm2 delete app