파피루스

구글 로그인을 구현하기 위해 설정부터 해보자 1. 사용자 인증 정보, oauth client id를 발급받자https://console.cloud.google.com/apis/credentials아 동의 화면이 없어서 oauth client id 발급이 어렵다고 한다...0. 동의화면 구성하기 1. 다시 처음에 시도했던 oauth client id 발급 받자    참고 문서 : https://developers.google.com/identity/protocols/oauth2/javascript-implicit-flow?hl=ko

0. vscode extension에서 prettier, eslint 설치 1. 기본 포맷터를 prettier로 설정 2. fomat on save : 체크하기  3. tsx 파일 Single Quote 설정3-1. eslint 설정 3-2. .prettierrc 설정 4. 완성! 이제 저장하면 tsx 파일의 quote 들 모두 자동으로 single quote으로 fomatting 된다

prettier 설정   eslint 설정1. setting.json 파일 열기 (setting에 eslint 항목이 없다면 extendsion에서 eslint 설치해야 함)2. setting.json 아래 항목들 수정   https://velog.io/@xmun74/Next.js-TS%EC%97%90%EC%84%9C-ESLint-Prettier-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0

1. https://cactus.tistory.com/306 에서 폰트 다운로드2. 가변 프리텐다드 woff2 를 소스코드 root 폴더 안에 위치3. root layout 의 폰트 변경이상하게 매번 localFont를 못 찾아서 복붙해서 넣어준다. import type { Metadata } from "next";import localFont from "next/font/local";import "./globals.css";const pretendard = localFont({  src: "./fonts/PretendardVariable.woff2",});export const metadata: Metadata = {  title: "Create Next App",  description: "Gener..

메세지warning: in the working copy of 'app/globals.css', LF will be replaced by CRLF the next time Git touches it → OS 마다 줄바꿈 문자가 다른데, 뭐 쓸꺼니? Windows, DOS 명령어git config --global core.autocrlf true Linux, MAC 명령어git config --global core.autocrlf input  출처) https://dabo-dev.tistory.com/13

why -> how -> what 순으로 작성하자 잘못된 예Websocket을 활용한 실시간 채팅 서비스 구현- 유저간 소통을 위해 구현함 잘된 예유저간 소통을 위한 실시간 채팅 서비스 구현- 양방향 통신을 지원하는 WebSocket활용 기술 선택 사유가 잘 보인다- 텍스트 형태의 대화를 서버에 저장하여 확인할 수 있도록 채팅 방식 적용