파피루스

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활용 기술 선택 사유가 잘 보인다- 텍스트 형태의 대화를 서버에 저장하여 확인할 수 있도록 채팅 방식 적용

- 프로그래머스의 과제 2종 추가해두자. 너무 옛날 코테 본게 등록되어 있어 최근 이력으로 수정할 필요가 있다.https://career.programmers.co.kr/skill_check_assignments

최종 발표 후 여러 사람과 대화를 나눠보니,역시 사람마다 경험한 바가 달라 내일배움캠프에 대한 평가도 사람마다 다를 것이 분명하다.내가 만약 같은 팀원들과 비슷한 나이와 그 와 비슷한 사회 경험을 가졌더라면 지금과는 또 다른 결론을 냈을 것이다.  4개월 짜리 내일배움캠프, 그래서 추천할만한가?  내배캠의 커리큘럼, 그리고 4개월의 짧은 시간을 생각하면 괜찮다! 벌써 7년 전 대학생 때 부트캠프를 들었는데 그 땐 조를 나누고 책한권 나눠주고 자습했다.책 읽고 스스로 공부하고, 일주일에 1~2회 정도 앞에서 계산기 만드는 거 보여주고 직접 따라치게 해본 뒤, 그걸 소화할 수 있는 사람 끝까지 버티는 사람만이 수료할 수 있었다. 그런 옛날 부트캠프를 알고 있기에, 강의를 지급하고 n명의 튜터들과 반을 관리하..

https://career.programmers.co.kr/job_positions/9645https://career.programmers.co.kr/job_positions/10695 주요업무애플리케이션 컴포넌트 설계, 개발, 테스트 및 운영모니터링과 경험을 통한 이용자의 기술적 문제 도출 및 제안서비스 아키텍처 설계부터 출시까지 전 과정 참여BFF(Backend For Frontend) 설계, 개발 및 운영React, TypeScript 기반의 오늘의집 웹 서비스 개발 자격요건만 3년 이상의 Frontend 개발 경력을 보유하신 분컴퓨터공학 전공 혹은 그에 준하는 전공 및 지식을 보유하신 분React에 대한 이해 및 프로젝트 경험이 있는 분서버 사이드 렌더링(SSR)에 대한 이해 및 처리 경험이 있는..

Optimistic Update= 낙관적 업데이트서버 응답이 오기전에 UI를 업데이트하는 방식으로, 마지막에 서버와 클라이언트 간의 데이터가 같은지 확인해야 합니다 인증/인가 관점에서 세션 방식과 JWT 방식의 차이점은?세션 방식1. 로그인  →  server : 세션에 user 저장  → client 브라우저 : sessionId를 cookie에 저장2. client가 sessionId를 함께 전송하고 server는 sessionId로 유저를 확인해 인증 허가 JWT(Json Web Token) 방식1. 로그인  →  server: Token(유저데이터, 만료시간 등) 생성 → client : cookie/localStorage 에 저장2. client token을 포함하여 서버로 전송, server:..