Tip 01 테스트하기 쉬운 함수를 작성하라 🧪 테스트는 왜 중요할까?테스트가 있으면 코드를 자신 있게 리팩토링할 수 있다테스트는 오래된 코드 이해하는 데도 도움이 된다근데… 개인적으로는 솔직히 아직 잘 모르겠다🧠 현실적인 생각"개발할 것도 많은데 테스트 코드까지?""심지어 테스트 하기도 어려운 코드인데?" 이런 생각 100% 공감 간다.나도 그렇게 생각했었고, 지금도 솔직히 항상 테스트부터 짜진 않는다.테스트 하기 쉬운 코드는테스트만 쉬운 게 아니라, 전체적으로 구조가 좋은 코드인 경우가 많다. ❌ 테스트하기 어려운 코드의 예function fetchUserName() { const config = require('./config.json'); // 설정 파일 읽기 return fetch(`${..

Tip 01 매개 변수 기본값을 생성해라. 매개변수에 기본값을 설정하면 함수 호출 시 값이 없더라도 에러 없이 동작할 수 있다.특히 단위 변환 함수처럼 자주 호출되는 함수에 유용하다. 다음은 매개 변수를 사용하지 않을때:조건문 많고, 수식 중복되고, 읽기 귀찮음숫자 포맷 로직도 반복되고 재사용 어려움function convert(pound, unit) { if (!unit) unit = 'kg'; let result; if (unit === 'kg') { result = Math.round(pound * 0.453592 * 100) / 100; } else if (unit === 'oz') { result = Math.round(pound * 16 * 100) / 100; } els..

처음엔 그냥 그랬다.팀원 한 명이 “Vimeo에 영상 올리면 되지 않을까요?” 라길래,"오키요~" 하고 아무 생각 없이 작업 시작했지. 그.러.나 Vimeo 프리 티어는 진짜 용량이 너무 적었다.업로드 몇 GB 제한에, 고화질도 막히고, 유저가 직접 올리는 구조로는 도저히 못 버팀. 그래서 삽질 시작.S3? 괜찮긴 한데, 영상 인코딩이랑 썸네일, 스트리밍까지 전부 직접 구현해야 돼서 손이 너무 많이 감.그러다 찾은 게 Mux. 왜 Mux로 갔는가?업로드, 인코딩, 썸네일, 스트리밍까지 그냥 다 해줌Vimeo보다 개발자 문서가 훨씬 친절함가격도 사용량 기반이라 유연하게 컨트롤 가능프론트에서 직접 업로드 가능한 Direct Upload API도 지원함 항목 VimeoAWS S3 Mux가격월정액 기반 (고화질..

https://developer.vimeo.com/api/live Vimeo developer.vimeo.com일단 vimeo의 개발자 가이드 부터 올리고 말을 하려고 한다....지금 프론트로 들어온 플젝에서 내가 하고 싶은 기능이 있어서 기존 백엔드(스프링)은 인증부분이나 기타 부분을 맡기고 나는 그분들이 발급해준 토큰을 프론트에서 받아먹고 nestjs에서 검증을 하고 작업을 하면 될꺼같긴한데 .... 고ㅡㅡㅡㅡ민은 된다.. 처음이라..흠흠....일단 순서 부터 이쁘게 설명을 해보면.... vimeo라고 영상업로드 시킬수 잇는건데.... 흠흠... 해보자...처음 디벨로퍼에서 작성을 하고 edit에 들어가서 적어주면 되는데 나같은경우는 아직 프론트가 배포되지 않았기 때문에 로컬호스트로 작업을 하였다....

세션키로 작업하면서 느낀점은 레디스에다가 세션키를 저장함으로써 빠르게 검증을 할수도 있고 백엔드에 데이터를 저장할때 프론트쪽이 안끊기기는 하는데 안그래도 서버에 과하게 문제를 주고 있는데(채팅... 푸시알람이지만 푸시알람은 fcm으로 마이그레이션 예정)그레서 jwt라는 친구를 작업해보려고 한다.# 이거는 다운받아라잉npm i @nestjs/jwt @nestjs/passport passport passport-jwtnpm i -D @types/passport-jwt# 이거는 스웨거 써야되니께..npm i @nestjs/swagger swagger-ui-express 작업을 하면서 느낀게 있는데 잘못한게 있다..바로 로그인 관련된 코드들을 너무 분산시켜서 작업을 해서 코드도 더럽고 찾기도 힘든 최악의 사태...

01. 화살표 함수로 반복문을 단순하게 만들어라화살표 함수(Arrow Function)는 ES6(ECMAScript 2015)에서 도입된 JavaScript의 중요한 기능으로, 함수를 더 간결하게 작성할 수 있게 해줍니다. 기존의 함수 선언 방식에 비해 많은 부분을 생략하여 코드를 더 읽기 쉽고 관리하기 쉽게 만들어줍니다.화살표 함수의 기본 문법기존의 함수 선언 방식과 화살표 함수를 비교해보면 차이점이 명확히 드러납니다:// 기존 함수 선언 방식function capitalize(name) { return name[0].toUpperCase() + name.slice(1);}// 화살표 함수 방식const capitalize = (name) => { return name[0].toUpperCa..