반응형 Works104 [Web] 공통 HTML 코드 별도로 관리하기 Bootstrap 의 Navs 를 웹 페이지에 추가하는데 같은 형태를 내기 위해 여러 페이지에 같은 Navs 코드를 복사해서 쓰는게 비 효율적이다 라고 생각했습니다. Navs 메뉴가 하나라도 변경되면 관련된 모든 파일을 열어서 일일이 수정해 주어야 하는데 이런 번거로움을 해결하고 싶었습니다. 방법을 찾는 도중 이상한 내용이 있을 수 있습니다. Javscript 나 HTML 관련 지식과 실력이 매우 부족함을 언급드립니다. Header 영역을 별도의 파일로 관리하고 각 페이지 코드에서 Header 영역을 불러와 그려줍니다. 그리고 불러온 페이지에 맞게 Header 영역을 설정해 줍니다. 위의 예로 Example 페이지에서 Header 를 불러왔다면 Example 버튼이 선택되 있어야 합니다. 정리하자면 Na.. 2021. 1. 2. [Web] Cloud FireStore 관리자 생성 및 관리자 접근 권한 부여 Firebase 기능을 사용하면서 Firestore 의 일부 기능은 관리자만 접근 가능하게 하고 싶어 찾아보고 테스트한 내용입니다. firebase.google.com/docs/rules/rules-language?authuser=0 보안 규칙 언어 | Firebase Firebase 보안 규칙은 다양한 복잡성과 세분화 범위를 지원하는 유연하고 강력한 커스텀 언어를 활용합니다. 앱에 적합하도록 구체적이거나 일반적인 규칙을 만들 수 있습니다. 실시간 데이터베 firebase.google.com 규칙 정의를 통해 특정 기능을 특정 조건에 맞는 경우에만 사용하게 할 수 있습니다. rules_version = '2'; service cloud.firestore { match /databases/{database.. 2020. 12. 31. [Web] Firebase Cloude Function 사용기 Cloud Function 에서 이벤트 기능 작성시에는 firebase reference 의 function 을 참고하고, Cloude Function 에서 Firebase 기능을 쓰고 싶을때에는 admin 을 참고하면 됩니다. Client 의 Javascript 코드에 다음과 같이 추가해 줍니다. 이 예제는 Client 에서 문자를 Cloud Function 에 보내면 로그를 찍고, 보냈던 문자 값을 응답 값으로 받는 예제 입니다. includeJavascript('https://www.gstatic.com/firebasejs/8.2.0/firebase-functions.js'); ... function callFunction(text) { var func = firebase.functions().ht.. 2020. 12. 30. [Web] Chrome 에서 변경한 코드가 반영되지 않을 때 Javascript 를 통해 코드를 변경하고 테스트를 하려고 하는데 아무리 새로고침을 하더라도 변경한 코드가 반영되지 않는 이슈가 발생했다. Web Browser 가 해당 페이지를 cache 하고 있어서 업데이트 되지 않는 경우인데 이럴 경우 개발자 도구의 Network 탭에서 Disable cache 를 선택해 주면 변경한 코드가 반영되는 것을 볼 수 있다. 2020. 12. 29. 이전 1 ··· 6 7 8 9 10 11 12 ··· 26 다음 반응형
