도록

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

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

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

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

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. 셋팅 끝! 요청 날려보면 제대로 나온다.