date.now() 리팩토링 고려사항1\. 객체지향적으로 설계하기\-> 자바스크립트 프로토타입 공부하고 코드 수정하기2\. 모듈 사용하기es6 와 commonjs 의 문법 차이 공부하기(export, import 등)3\. 기능 추가회원가입 페이지에 정규표현식 추가로그
바닐라js 와 Spring을 axios 방식으로 연결하려면 nodejs 로 서버를 만들어야 한다.이번 프로젝트에서는 express를 사용했다.일단 nodejs를 다운받고 ,터미널에서 express를 다운받아준다.이 코드를 순서대로 설명하자면express를 불러온다.(n
바닐라js의 동적 파일을 관리하기 위해 템플릿 엔진을 사용하자.Pug (구 Jade): 간결하면서도 가독성이 좋은 템플릿 엔진입니다. 들여쓰기로 태그를 구분하므로 HTML 태그를 적을 때보다 코드의 양이 적어지고, 태그 구조를 파악하기 쉬워져 가독성이 향상됩니다.EJS
바닐라js 로 회원가입 기능을 만든것을 리팩토링하자.모듈을 만들고, 정규표현식을 추가했으며, 하나의 함수에 하나의 기능만 수행하도록 나누었다.깃허브 Date.now 리팩토링모듈 안에 에러메세지 함수를 넣어 export 했다. (es6방식으로 함)이 함수를 사용하기 위해
로컬에 아이디가 저장돼있으면(로그인 하면) 로그아웃 글씨가 보이고, 아이디가 없으면 로그인/회원가입 글씨가 보이게 하기 -> 홈페이지, 게시글페이지, 게시판페이지에 모두 필요하므로(마이페이지는 로그인 안하고 들어가면 모달창 띄우고 로그인 페이지로 이동.) 모듈에 함수를
만약 게시글이 많지 않고, 한번에 모든 게시글 정보를 받아올 수 있다면, 클라이언트 측에서 받아온 데이터를 정렬하여 사용하는 것이 적절할 수 있다. 이 방법은 서버에 부하가 걸리지 않기 때문에 서버의 처리량이 적거나 비용이 중요한 경우 유용.반면에, 게시글이 많거나 게
리팩토링을 다시 시작하는 도중 내 코드는 손을 댈 수 없다는 것을 깨달았다. 폴더 구조도 뒤죽박죽이고 모듈화를 진행한다고 해도 답이 없고 css 네이밍도 의미없이 지었다. 추가적으로 페이지네이션과 무한 슬라이드, 지도 api 사용 등도 내가 직접 짠 코드 보다 복사 붙