어제 오늘 아침 고민하던 렌더링에 대한 문제를 멘토님에게 조언을 구했다.
한 페이지에 모아서 구현하는 것 대신 아래와 같이 페이지를 나눠서 문제를 해결했다.
📦
┣ 📦js => JavaScript
┃ ┣ 📂maker
┃ ┃ ┣ 📂user
┃ ┃ ┃ ┣ 📜app.js
┃ ┃ ┃ ┗ 📜checkMore.js
┃ ┃ ┣ 📜app.js
┃ ┃ ┣ 📜group.js
┃ ┃ ┗ 📜result.js
┃ ┣ 📜app.js
┃ ┗ 📜chat.js
┣ 📂maker => HTML
┃ ┣ 📂group
┃ ┃ ┗ 📜index.html
┃ ┣ 📂user
┃ ┃ ┣ 📜checkMore.html
┃ ┃ ┗ 📜index.html
┃ ┣ 📜index.html
┃ ┗ 📜result.html
┣ 📜chat.html
┗ 📜index.html
페이지를 나눈 덕분에 이전화면으로 돌아가는 방법이 쉬워졌다. 아래 코드를 활용하였다.
<script>
function back() {
history.go(-1); // 방법1
history.back(); //방법 2
location.href ="이전페이지주소" ; // 방법3
}
</script>
<body><button onclick="back()">돌아가기</button></body>
index.html이 있고 이거 외에 다른 페이지들이 있다.
내 저장소에있는 다른 사이트로 이동하려고 버튼을 클릭했는데 404에러가 났다.
알고보니 경로 지정이 모두 /index.html
앞에 점이 없는 형식으로 되어있어서 안되는 것이였다.
앞으로는 ./index.html
과 같은 형식으로 적어야 겠다.
./
=> 현재 디렉토리 ../
=> 상위 디렉토리
리드미 작성이 생각보다 쉽지 않았다. 내용 작성한 시간이 6시간정도 걸렸다.
다음에는 하루 날 잡고 작성을 해야할 것 같다..
https://github.com/nayeongdev/FitRoutine
프로젝트는 저녁이 되어야 끝낼 수 있었고, 리드미 작성하는 시간이 길어지다보니 발표 준비할 시간이 부족했다. 스터디원분들과 리허설할때 준비한 것들이 너무나도 부족해서 많은 피드백을 받지 못하였다. 그래도 리드미 퀄리티는 약간 올라갔다.
프로젝트는 마감일 이틀전을 목표로 완료하여 하루는 리드미 작성과 발표 연습을 하는 시간을 가져야할 것 같다.