Web/자잘한거16 Firebase - Authentication (사용자 가입/로그인) 위 서비스들 중 인증(auth) 서비스를 사용하면 사용자 가입 및 로그인 기능을 사용할 수 있다.https://firebase.google.com/docs/web/setup?hl=ko&authuser=0&_gl=1*14z9cn1*_up*MQ..*_ga*NDg4Njg2My4xNzE2NzcyNjcw*_ga_CW55HF8NVT*MTcxNjc3MjY3MC4xLjEuMTcxNjc3NTIxMS4wLjAuMA JavaScript 프로젝트에 Firebase 추가의견 보내기 JavaScript 프로젝트에 Firebase 추가 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 이 가이드에서는 웹 앱에서 또는 최종 사용자의 액세스를 위한firebase.google.com Firebase .. 2024. 6. 4. Firebase 무료 웹호스팅 https://firebase.google.com/ Firebase | Google's Mobile and Web App Development Platform개발자가 사용자가 좋아할 만한 앱과 게임을 빌드하도록 지원하는 Google의 모바일 및 웹 앱 개발 플랫폼인 Firebase에 대해 알아보세요.firebase.google.com Firebase 홈페이지 접속 -> 우측 상단 Go to console로 접근하면 구글 계정으로 로그인 하여 Firebase 콘솔창에 들어갈 수 있다. [Firebase Console 페이지 내 설정] 콘솔 페이지에서의 설정은 여기까지 해두고로컬에 Firebase를 설치한다. [Firebase Cli 설치]https://firebase.google.com/do.. 2024. 5. 27. 웹폰트 - 크로스도메인 문제해결 모든 도메인에서 웹 글꼴에 액세스 할 수 있는 작업 https://httpd.apache.org/docs/2.2/ko/sections.html Header set Access-Control-Allow-Origin "*" 글꼴 - 굉장한 자산에 액세스하는이 문제는 포괄적 인 설명과 문제 해결없이 많은 사람들에게 문제가되었습니다. CORS 란 무엇입니까? Cross-Origin Resource Sharing (CORS)은 추가 HTTP 헤더를 사용하여 사용자 에이전트가 현재 사용중인 사이트와 다른 원산지 (도메인)의 서버에서 선택된 리소스에 액세스 할 수있는 권한을 얻을 수있게하는 메커니즘입니다. 사용자 에이전트는 현재 문서의 출처가 아닌 다른 도메인, 프로토콜 또는 포트에서 자원을 요청할 때 원본 HTTP.. 2018. 4. 30. [AngularJS] 폼/유효성 검사를 위한 템플릿 ng-model : 바인딩 대상이 되는 모델명name : 폼에서 사용하는 이름ng-required : 필수 입력 여부ng-minlength : 입력값의 최소 글자 수ng-maxlength : 입력값의 최대 글자 수ng-pattern : 입력값과 비교될 정규표현식ng-charge : 사용자 입력이 발생할 때 실행될 정규표현식 유효성 검사 예제 ↑ 위 인풋값에서 각 값을 넣어 유효성검사를 해보자. name : 필수입력 phone number : 000-0000-0000 user info : {{name}} / {{tell}} sampleForm.name.$valid = {{sampleForm.name.$valid}} sampleForm.name.$error = {{sampleForm.name.$error}}.. 2018. 3. 19. [AngularJS] 조건 데이터 표현을 위한 템플릿 (ng-switch, ng-if) 조건 데이터 표현을 위한 템플릿 ng-switch : 어떠한 html태그에서도 사용할 수 있으며, 부모 요소에서 ng-switch="표현식"을 작성. (표현식에 $scope의 속성명이 오게 된다.) 자식 요소에서 ng-switch-when="조건일치값" 을 작성한다. ng-switch를 사용한 조건에 따라 div의 색이 변경되는 예제 red blue ng-show, ng-hide : 적용 요소를 css의 display 속성변경으로 보여주거나 숨김 ng-if : 요소 자체를 없애거나 생성하는것. ($scope 또한 없어지고 생성된다.) ng-if를 사용한 checkbox 에 체크시 버튼이 보여지는 예제 show button 2018. 3. 13. [AngularJS] 양방향 데이터 바인딩의 예제 {{menu.itemName}} {{menu.itemPrice}} buy 가격 : {{totalPrice}} ng-app : Angular 범위를 제한. 하위 노드들이 Angular기능을 사용할수 있게 된다. ng-controller : 적용된 태그영역을 제어하는 컨트롤러 함수를 입력 ng-repeat: for/in과 같은 형태로 반복 데이터를 표현 ng-model : 자바스크립트 객체와 화면 요소 사으의 양방향 데이터 바인딩을 가능하게 한다. ng-click : 컨트롤러 함수의 $scope에 할당된 함수를 호출한다.buy 2018. 3. 13. 이전 1 2 3 다음
