도록

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:..

결론 : Server Components가 Client Component에게 전달 할 수 있는 값은 한정되어 있다. 에러메세지Error: Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.   {Icon: function y, onClick: undefined} 해결책문제가 생긴 Server Component 상단에 "use client" 를 붙여준다.or 해당 props를 넘겨주지 않도록 구조를 바꾼다. 상황요약: Server..

1. [DEPRECATED] Default export is deprecated. Instead use `import { create } from 'zustand'`변경 전변경 후import create from "zustand"; import { create } from "zustand";  2. Image with src has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: "auto"' or 'height: "auto"' to maintain the aspect ratio.변경 전변경 후      Image  ..

1. vscode PostMan 추가 2. new Request 추가3. cookies 클릭  4. 테스트하려는 도메인 입력 5. supabase auth에 필요한 쿠키값 알아내기 테스트하려는 서버에서 로그인한 뒤,개발자 도구 > 애플리케이션 > 쿠키 > 테스트 서버 주소 클릭하면 저장된 항목들이 보임sb-블라블라-token.0 / sb-블라블라-token.1 두개의 값 모두 PostMan에 넣어줘야함 6. add cookie 클릭밑줄 그은 cookie4=value부분을 5번에서 알아낸 값으로 교체한다.    7. 셋팅 끝! 요청 날려보면 제대로 나온다.

tailwind cssoverflow-hidden text-nowrap text-ellipsis  cssoverflow : hidden;text-wrap : nowrap;text-overflow : ellipsis;

1. nomal.css, reset.css 사용되는 이유- reset.css, normal.css 두개 다 팀 프로젝트에서 같은 환경에서 사용하기 위해 사용함두개의 차이점은 reset 은 말그대로 reset 0으로 만들고 nomal은 어느정도 남긴다. (h1, h2 글자크기는 남긴다 등) 피드백 : 개념 이해 확인, 쫓긴 듯한 느낌 있음 2. 자바스크립트 코드로 개발했을 때의 한계점, 타입스크립트 등장 배경- 순수 자바스크립트 코드 작성 한계점 : 동적 타이핑 언어라 runtime에 타입이 지정이 됨. 코드에 일관된 품질을 보장하기 어려움- 타입 스크립트 등장 배경 : 타입스크립트는 compile 시점에 타입을 체크할 수 있다. 피드백 : 핵심에 가까운 이야기를 해주면 좋겠다. 시선 처리 카메라로 해주었..

1. supabase 설치npm i supabase@">=1.8.1" --save-dev  2. supabase 셋팅하기npx supabase loginnpx supabase init  3. supabase DB기준으로 타입 파일 생성하기npx supabase gen types --lang=typescript --project-id "프로젝트 아이디" --schema public > database.types.ts아이디 넣어서 실행하면 root 폴더 위치에 database.type.ts 파일을 생성한다.나는 next 에서 사용할거라 src/database.type.ts 로 바꿔서 사용한다.   4. 어떻게 쓰는가?import { Database, Tables, Enums } from "./database..