반응형 전체 글613 vite와 turbopack Next로 만든 프로젝트는 시간이 지나면서 코드 변경 후 저장하면 5초가 지나고 반영되는 걸 종종 경험했다. Next는 turbopack기반이고 이 부분에 대해 알아보았다. 번들링브라우저가 이해하는건 3개다.- html- css- js 그런데 우리가 쓰는건 React, TS, CSS module, import, .env, .... 브라우저는 이걸 하나도 못읽는다. 그래서 중간에 변환해주는 도구가 필요한데 이게 바벨과 번들러다. tsx -> jsx -> js 로 변환하는 과정을 바벨이 처리하고 이 js를 하나로 묶어주는 기능을 번들러 webpack이 처리했다. 그런데 go, rust등으로 컴파일러를 만들게 되면서 babel보다 30배 이상 빠른 도구들이 만들어졌고 바벨을 쓸 필요가 없어졌다. 예를들어 T.. 2026. 2. 27. nest 데코레이터.. current user.. jwt-auth.guard.ts 1. jwt-auth.guard.ts에서는 헤더에서 토큰 빼고 request.user에 넣는다 .import { CanActivate, ExecutionContext, Injectable, UnauthorizedException,} from '@nestjs/common';import { JwtService } from '@nestjs/jwt';@Injectable()export class JwtAuthGuard implements CanActivate { constructor(private readonly jwtService: JwtService) {} canActivate(context: ExecutionContext): boolean { const request = context.sw.. 2026. 2. 22. react native react native는 React로 코드를 작성하면 네이티브 UI 컴포넌트로 렌더링되는 프레임워크이다. JS(React)를 JSON 직렬화 하고 Native UI로 변형한다. Expo는 React Native 위에 구축된 프레임워크로 빌드 자동화, 네이티브 모듈 사전 구성, 파일기반 라우팅, OTA 업데이트 등을 도와준다.(OTA update는 앱스토어 심사없이 JS번들을 원격으로 업데이트 하는 방식이다.) 2026. 2. 14. nest 4일차 인증refresh의 해시를 DB에 저장하는 이유: 로그아웃시 null로 만들어 쉽게 무효화 시키기 위해 + 해시하여 암호화refresh 를 Public으로 열어놓는 이유: refresh요청을 한다는건 access가 만료되었다는 뜻이기 때문에 public으로 열어놓는다. 그리고 UseGuard(JwtRefreshGuard)를 이용하여 refresh를 검증한다. 빨리 결과물을 만들고 싶다보니 바이브코딩을 했고 얻은게 없다. 성장하려면 천천히 견디는 시간이 필요하다. 2026. 2. 10. 이전 1 2 3 4 ··· 154 다음 반응형