목록분류 전체보기 (161)

Daily Front_Minhhk

[TS] tsc --init > tsc -w (자동컴파일), tsconfig.js 속성

자동 컴파일 // tsc --init , 타입스크립트 프로젝트 최초 한번 실행 // tsc -w === tsc --watch tsconfig.js exclude || include 로 파일 지정 할 수있음! "target" : "es6" 나 최신버전으로 변경 가능! { "compilerOptions": { /* Basic Options */ "target": "es5", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */ "module": "commonjs", /* Specify module code generation: 'none', 'commonj..
Study/Typescript 2023. 5. 8. 23:38
[TS] 함수 반환 타입 + unknown

// return 반환을 명시적으로 할당 할 수 있다. function add(num1: string, num2: string) : string{ return num1 + num2 } void 반환타입 // return 이 없으면 : void 반환 //! 값을 반환하지 않는 함수를 사용하는 경우에는 void // 에러는 없지만! 아무것도 반환하지 않기 때문에 반환문이 없다 :void function printResult(num: number) { console.log("result : " + num) } // === function printResult2(num: number) : undefined { console.log("result : " + num) return } // undefined 반환 c..
Study/Typescript 2023. 5. 8. 22:38
[firebase] 이메일,비밀번호 로그인 & 구글로그인 & 로그아웃

이메일, 비밀번호 기반 로그인 우선 이메일과 비밀번호를 통한 로그인을 할려면 signInWithEmailAndPassword 를 사용하자! 공식문서를 참조하면서 import { getAuth, signInWithEmailAndPassword } from "firebase/auth"; const auth = getAuth(); signInWithEmailAndPassword(auth, email, password) .then((userCredential) => { // Signed in const user = userCredential.user; // ... }) .catch((error) => { const errorCode = error.code; const errorMessage = error.mes..
Project/ChatProject 2023. 5. 8. 15:25
[firebase] 실시간 데이터베이스 쓰기

빌드 / 실시간 데이터베이스 에서 새로만들기 클릭! 위치는 싱가포르 asia 서버로 두고, 생성한다. 예제는 이렇다!! getDatabase() 가져오는 것과, set(ref()) 이부분만 잘 적용 하면 된다. import { getDatabase, ref, set } from "firebase/database"; function writeUserData(userId, name, email, imageUrl) { const db = getDatabase(); set(ref(db, 'users/' + userId), { username: name, email: email, profile_picture : imageUrl }); } by 공식문서 참조 웹에서 데이터 읽기 및 쓰기 | Firebase 실시간 ..
Project/ChatProject 2023. 5. 8. 00:23
[firebase] 회원가입 (createUserWithEmailAndPassword, updateProfile )

1. 파이어베이스 회원가입 (이메일 & 패스워드) 공식문서 예제는 이렇다. getAuth 는 firebase.js 에서 export 한 값을 사용 했다. signInWithEmailAndPassword 과 updateProfile 을 사용하여 우선 가입의 사이클을 완성 해 보았다. 비동기로 import { getAuth, signInWithEmailAndPassword } from "firebase/auth"; const auth = getAuth(); signInWithEmailAndPassword(auth, email, password) .then((userCredential) => { // Signed in const user = userCredential.user; // ... }) .catch(..
Project/ChatProject 2023. 5. 7. 21:15
react-hook-form / 가입폼, 유효성 검사 (라이브러리)

공식문서는 이렇다. Example에서 일단 복사 해서 수정 했다. https://react-hook-form.com/get-started#Quickstart import { useForm } from "react-hook-form"; export default function App() { const { register, handleSubmit, watch, formState: { errors } } = useForm(); const onSubmit = data => console.log(data); console.log(watch("example")); // watch input value by passing the name of it return ( /* "handleSubmit" will valid..
Project/ChatProject 2023. 5. 7. 18:17
이전 Prev 1 ··· 3 4 5 6 7 8 9 ··· 27 Next 다음