오늘 한 일

• 혼자살때 개선
  • supabase 연결
  • 이미지 경로 보안 강화
• 기업 지원 4건
• 개인 기업노트 제작
• 개념 정리
  • 이분 탐색 / 이진 탐색 (Binary Search)
• 알고리즘 코드카타
  • 배열의 길이에 따라 다른 연산하기

혼자살때 개선

새로 제작한 supabase와 웹 사이트를 연결시켰다.
이 과정에서 profile에 default image를 설정해두지 않은 오류가 있어 따로 설정을 하여 간단히 해결했다.
또한 이미지 경로가 이전 supabase 경로로 되어있어 현재 경로로 변경했다.

이미지 경로 보안 강화

이 때 기존에 이미지 경로를 설정할 때 supabase의 주소를 그대로 따와서 저장을 했었다는 사실을 알게 되었다.
때문에 해당 부분을 env 파일에서 가져오는 방식으로 진행하여 보안을 높였다.

// GroupWriteForm.tsx
  const addImageMutation = useMutation({
    mutationFn: async (newGroupImage: File) => {
      const formData = new FormData();
      formData.append("file", newGroupImage);
      setLoading(true);
      const response = await insertGroupImage(formData);
      setImgUrl(
        `${process.env.NEXT_PUBLIC_SUPABASE_URL}/storage/v1/object/public/groupposts/${response.path}`
      );
      setLoading(false);
    },
  });

사실 트러블슈팅이라고 하기엔 간단한 수정이었지만 그래도 개선 사항이므로 작성한다.

알고리즘 코드카타

배열의 길이에 따라 다른 연산하기

문제

정수 배열 arr과 정수 n이 매개변수로 주어집니다. arr의 길이가 홀수라면 arr의 모든 짝수 인덱스 위치에 n을 더한 배열을, arr의 길이가 짝수라면 arr의 모든 홀수 인덱스 위치에 n을 더한 배열을 return 하는 solution 함수를 작성해 주세요.

풀이

function solution(arr, n) {
  for (let i = arr.length % 2 === 0 ? 1 : 0; i < arr.length; i += 2) {
    arr[i] = arr[i] + n;
  }
  return arr;
}

반복문을 사용하여 문제를 해결했다. 삼항 연산자를 사용하여 arr의 길이가 짝수라면 1로, 홀수라면 0으로 설정했고, i를 2씩 더하도록 설정하여 짝수 인덱스 위치만, 혹은 홀수 인덱스 위치만 가져올 수 있도록 했다. 그 다음 해당 인덱스들에 n을 더해주고 arr을 return하여 문제를 해결할 수 있었다.