전체 글
-
✅[마비노기 모바일] 매일 / 매주 숙제 체크리스트 및 팁 (체크 상태 자동 저장)게임/마비노기 모바일 2025. 7. 2. 05:35
모비노기를 매일 매일 하다보니 뭐했는지 까먹기도 하고 게임이 편의성이 부족하다 보니 몇가지 만들어서 사용했는데 혼자 쓰기 아까워서 공유하려고 해요~매일 매일 보면서 체크하면서 사용하시라고 리스트형으로 만들었어요~ (약간 개인적인 숙제도 포함하였으니 용도에 맞게 쓰세용)그리고 각 숙제의 설명은 각 숙제에 [설명 바로가기]를 누르시면 설명 페이지로 넘어가니 참고하셔서 보시기 바랍니다~많이 많이 도움되시기를!그리고 맨 아래 부록으로 제가 아는 팁이나 정보는 간간히 추가할 겁니다~ 필요하시면 보세용!체크리스트의 체크상태는 브라우저에 저장됩니다!모바일의 경우 티스토리 앱으로는 저장이 안되니 반드시 Chrome(크롬), Safari(사파리)와 같은 앱으로 실행해주세요!또한 본캐 및 부캐의 이름 변경을 원하시는 경우..
-
20. Vue와 Firebase로 나만의 사이트 만들기 - 메뉴 추가하기개발 공부/VF 2025. 6. 30. 09:00
VF - 20강 이번 강에서는 메뉴를 추가하는 기능을 넣어볼 것이다.일단 그전에 수정 기능과 추가 기능을 넣으려면 Navigation drawer가 지금보다 넓어야 한다.그래서 App.vue 파일의 태그에 아래와 같이 width 속성을 추가한다. 그리고 최종적으로 만들어질 메뉴는 상위 메뉴와 하위 메뉴로 만들어지기 때문에 menuView.vue 파일에 메뉴 관련 코드 중 하위 메뉴 관련 코드를 아래와 같이 수정한다.항상 타이틀이 겹치면 문제가 되기 때문에 하위 메뉴인 subItem도 상위 메뉴인 item과 같이 변경해야 한다.그리고 상위 메뉴 추가하기가 생성되어야 할 부분은 상위 메뉴인 i와 하위 메뉴인 j가 for문으로 순차적으로 다 돈 후 끝나는 순간에 생성되어야 하기 때문에 상위 메뉴가 끝..
-
19. Vue와 Firebase로 나만의 사이트 만들기 - 에러 처리하기개발 공부/VF 2025. 6. 29. 09:00
VF - 19강 이번 강에서는 공용 에러처리를 해볼 것이다.이것이 왜 필요하냐면 매번 비동기 작업에서 try-catch문을 쓰는 것은 코드도 길어지고 불편하기 때문이다. 일단 vue에서 global로 공용 에러처리를 할 수 있다.vue.config.js 파일에 에러 핸들러라는 것이 있고 그것을 main.js에 선언을 해주면 되지만 지금은 파일로 뺄 것이다.src 디렉터리 안에 error.js라는 파일을 먼저 만든다. 그리고 아래의 코드를 작성한다.// error.jsimport Vue from 'vue'Vue.config.errorHandler = e => { console.error(e.message) console.log('here')}Vue를 먼저 불러오고, Vue.config에 errorH..
-
18. Vue와 Firebase로 나만의 사이트 만들기 - 푸터 수정해보기개발 공부/VF 2025. 6. 28. 09:00
VF - 18강 이번 강에서는 지난 강에서와 비슷하게 footer도 수정 가능하게 해 볼 것이다.원래라면 제목을 수정할 때에도 props로 넘겨서 재활용을 하여도 되나 다른 용도로 사용할 수도 있을 것 같아서 이전과 같은 방법으로 작성되었고 footer도 이전 방식과 같은 방식으로 작성해볼 것이다.그전에 지난번 강에서 작성한 App.vue에서 subscribe 함수 부분에 return을 추가해줘서 계속 쳇바퀴도는 것을 방지한다.// App.vuesubscribe () { const db = this.$firebaseDB.getDatabase() const starCountRef = this.$firebaseDB.ref(db, 'site/') this.$firebaseDB.onValue(starC..
-
17. Vue와 Firebase로 나만의 사이트 만들기 - 제목 수정해보기개발 공부/VF 2025. 6. 27. 09:00
VF - 17강 이번 강에서는 Realtime Database를 응용해볼 것이다.먼저 title이나 세팅들을 통째로 저장을 하여 읽어오는 것을 만들어 볼 것이다.App.vue 파일에서 전체를 다 리스닝해야하여 site라는 객체를 만든 후 그에 따라 코드를 아래와 같이 수정을 한다.... ... ... ...created ( )는 형상이 없을 때, 형상이 그려지고 나서는 mounted ( )이다.subscribe ( )란 사이트를 구독할거라는 뜻이며, 구독을 하면 사이트를 받아온다.listener인 subscribe ( )는 error listener가 뒤에 있어서 (e)와 같이 작성되었다. error가 났을 때 무슨 error가 어디서 났는지 알기 위하여 e.message로..
-
16. Vue와 Firebase로 나만의 사이트 만들기 - realtime 쓰고 읽기개발 공부/VF 2025. 6. 26. 09:00
VF - 16강 이번 강에서는 Realtime Database에 대하여 간단하게 알아볼 것이다.하는 과정을 일일이 다 설명하면 진도가 나가지 않기 때문에 중간중간 필요한 부분만 최소한 설명할 것이며, 먼저 따라 해 본다고 생각하고 진행하길 바란다. Realtime Database를 쓴다고 한다는 것은 Javascript SDK를 통해서 쓰게 되어있고, 또한 아무나 쓸 수 없으며 자신의 프로젝트 생성 키나 프로젝트 ID 등등을 넣는 과정이 필요하다.Firebase Realtime Database 공식 문서 사이트 : https://firebase.google.com/docs/database/web/start JavaScript로 설치 및 설정 | Firebase Realtime Database새로운..
-
15. Vue와 Firebase로 나만의 사이트 만들기 - firebase 설치하기개발 공부/VF 2025. 6. 25. 09:00
VF - 15강 이번 강에서는 Realtime Database부터 시작할 것인데 Firebase 사이트 창에서 세팅부터 마무리할 것이다.먼저 프로젝트 세팅에서 리소스 위치란 DB나 Storage와 같은 것들이 Firebase에 있지만 기본적으로는 GCP(Google Cloud Platform) 안에 있으며 Firebase 식으로 랩핑 해놓은 것이다.우리는 asia-northeast3로 해놓았고, 이것은 서울 리전이다.일단 인증부터 설정을 다 하고 넘어갈 것이다. Authentication 설정Authentication 메뉴를 클릭하여 [시작하기]버튼을 누른다.Facebook이나 Twitter, Github 등을 추가하고 싶으나, 그곳에 들어가서 키 교환하는 것들이 있어서 이러한 것들이 없는 Goog..
