코딩연습장

import { useMemo } from 'react' function Component() { const value = calculate(); return {value} } function calculate() { return 10; } 함수형 컴포넌트는 렌더링 >> 컴포넌트 함수 호출 >> 모든 내부 변수 초기화의 순서를 거칩니다. 컴포넌트가 렌더링 될 때마다 value라는 변수가 초기화되고, calculate함수는 반복적으로 호출됩니다. 만약 calculate함수가 무거운 일을 하는 함수라면 성능적으로 굉장히 비효율 적일 겁니다. useMemo를 사용하면 렌더링 >> 컴포넌트 함수 호출 >> Memoize된 함수를 재사용 의 순서를 거칩니다. useMemo를 사용해서 memoization을 해주면..

처음으로 백엔드 분들과 협업을 했다. 백엔드 분들은 주특기 3주 내내 crud를 하셔서 조금 질리셨다는 이야기는 들었지만 다행히도 너그럽게 이해해주셔서 스코프를 작게 잡고 시작할 수 있었다. 다른 조에 비하면 너무 작았기 때문에 실제로 일찍 끝났고, 정상적인 범위의 스코프로 확장 할 수 있었다. 물론 그거까지 하더라도 너무 기능이 적긴 했다. 하지만 이번 프로젝트를 하면서 서버에 이미지파일을 보내야 할 때는 formdata를 사용해야 함을 알 수 있었다. base64로 인코딩하여 보내려 했지만, 서버에서 저장할 수 있는 문자열의 길이가 제한이있고, 그걸 따로 설정하려면 피곤하기 때문에 백엔드 분께서 이미지파일을 위한 s3서버를 열어주셨고 자동으로 백엔드에서 전송하도록 설정해주셔서 편하게 할 수 있었다. ..