각 페이지 기본 접근 주소

• ex) 프론트에서 axios요청을 할 때 url을 /myFridge/resultRecipe(2)로 하면 routes에서 router.post(”/resultRecipe”)(3)를 해도 오류가 안생겨요! 즉 밑에 코드를 참고하시라!

1. 변수 관련

카멜(camelCase) : 평소에 쓰던대로! (페이지이름, url, 컨트롤러 메서드명, 함수명)

스네이크 (snake_case) : 변수명, DB 컬럼명(ex. user_id), form안의 name 명(DB 컬럼이랑 같게..! 하면 헷갈리지 않을 것 같아요)

2. css 관련 및 부트스트랩 관련

• css 줄 때 가급적이면, 태그 선택자는 쓰지 않기로 해요 자칫하다가 다른 페이지까지 영향을 줄 수 있답니다 ex) button { color : white }, body { color : black }

data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==

• 부트스트랩에서 사용하는 클래스도 사용하지 않아야해요! 이것도 다른 페이지까지 영향을 줄 수도 있기 때문이에요 :) ex) .btn { color : white }
• 대신 다양한 선택자 이용하면 좋아요! 자손, 자식, 형제 nth-child, last-child. 속성으로 주는 선택자 등!
• 웬만하면 ejs안에 태그안에는 style 속성을 주지 말고, css 파일 안에 넣어주세요! (유지보수를 위함입니다.) 간단하게 테스트 할 때 <div style=”background-color:yellow”> 이렇게 할 수 있지만, 웬만하면 css 파일 안에 넣어주세요!

3. JS 관련

• 공통 부분이 아닌 내 페이지에서만 쓰는 scc나 script는 따로 static에 빼놓아요 :) ejs는 뷰단으로 html만 보여줄 것이니 js, css를 구분하기 위함입니다!

data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==

ex) <link href=”static/css/recipe/recipe.css” rel="stylesheet”>