• 티스토리 홈
  • 프로필사진
    홍유진
  • 방명록
  • 공지사항
  • 태그
  • 블로그 관리
  • 글 작성
홍유진
  • 프로필사진
    홍유진
    • 분류 전체보기 (22)
      • Coding Test (0)
      • Web Frontend (19)
        • Problem Solving (0)
        • HTML_CSS (10)
      • Workflow (1)
      • Database (1)
  • 방문자 수
    • 전체:
    • 오늘:
    • 어제:
  • 최근 댓글
      등록된 댓글이 없습니다.
    • 최근 공지
        등록된 공지가 없습니다.
      # Home
      # 공지사항
      #
      # 태그
      # 검색결과
      # 방명록
      • 포스트글 썸네일 이미지
        Firebase를 이용하여 구글 로그인 구현
        홍유진:
        이번 프로젝트 회원가입은 일반 그리고 구글 로그인 이렇게 두가지를 구현해야했다.구글 로그인 구현을 위해 파이어베이스를 이용하는 방식을 선택하였다.Firebase란 Backend-as-a-Service(Baas) 방식의 서비스로, 백엔드에서의 여러 도구들과 기능을 제공해준다.그럼 파이어베이스를 이용하여 소셜 로그인을 적용하는 방법에 대해 알아보자.Firebase 프로젝트 생성처음에는 파이어베이스에서 프로젝트를 생성 후 firebaseConfig를 발급받는다.블로그 참고Firebase Authentication 세팅하기작업할 프로젝트로 와서 firebase를 설치한다.npm install firebaseyarn add fireabse그 후 src > firebaseApp.ts 파일을 만들고 이전에 발급받은 ..
        • 2024-08-04 20:44:01
      • 포스트글 썸네일 이미지
        회원가입 form 구현(1)_유효성 검사
        홍유진:
        유효성 검사를 구현하면 사용자가 올바른 데이터를 입력하도록 유도하고, 잘못된 데이터가 서버에 전달되는 것을 방지할 수 있다. 그래서 이번 프로젝트에서 회원가입 페이지를 구현하면서 유효성 검사 기능을 구현하였다.그 과정을 살펴보자.1. 상태 초기화 및 핸들러 설정먼저, useState를 사용하여 폼 데이터와 에러 메세지를 관리한다. 또한 handleChange 함수를 통해 입력값이 변경될 때마다 호출되어 상태를 업데이트하고 유효성 검사를 수행한다.// 입력된 값을 저장const [value, setValue] = useState({ email: "", password: "", nickname: "",});// 유효성 검사 결과를 저장const [errors, setErrors] = useState({..
        • 2024-08-03 00:38:21
      • 포스트글 썸네일 이미지
        웹 성능 최적화: 이미지 및 폰트 최적화
        홍유진:
        문제웹 사이트이 성능은 사용자 경험에 큰 영향을 미치는다. 특히 웹 페이지의 로딩 속도는 사용자 이탈률을 줄이고 SEO 성능을 향상시키는데 중요하다. 그런데 최근 작업한 프로젝트에서 페이지 로딩 속도가 느리다는 피드백을 받았다. 네트워크를 확인해보니 속도가 414ms였다.  PageSpeed Insights  사이트에 들어가서 확인해보니 웹 페이지의 가장 큰 문제는 1. 누적 레이아웃 이동(CLS) 2. 큰 이미지 파일로 인해 발생하는 로딩 지연이었다. 해결 방법문제를 해결하기 위해 세 가지 접근 방식을 사용했다.1. 이미지 최적화 : 이미지 파일의 크기를 줄이고, 필요한 경우에만 로드되도록 설정한다.2. 폰트 최적화 : 웹 폰트 로딩 시 발생하는 레이아웃 이동을 방지한다.3. 이미지 프리로딩 : 주요 ..
        • 2024-06-07 18:07:05
      조회된 결과가 없습니다.
      [1]
      스킨 업데이트 안내
      현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
      ("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)
      목차
      표시할 목차가 없습니다.
        • 안녕하세요
        • 감사해요
        • 잘있어요

        티스토리툴바