TIL

이 공간은 개인적으로 학습하면서 얻은 지식을 공유하는 곳입니다.

학습 내역

• 230728: React와 Konva를 이용한 2차원 배열 상태 최적화
  프로젝트에서 konva를 이용하여 2차원 배열을 처리하며 React 상태 변화 최적화에 대한 고민을 했습니다.

• 230730: HTTP요청과 중복 코드 최적화
  프로젝트를 진행하면서 HTTP요청에 대한 이해를 증진하고, 중복된 코드를 최적화하기 위한 고민을 했습니다.

• 230731: 프로세스와 스레드의 특징
  CS 스터디 발표 준비를 위해 프로세스와 스레드의 특징에 대해 조사하고 정리했습니다.

• 230802: HTTPS와 해싱에 대한 고민
  CS 스터디에서 배운 보안 관련 지식(HTTP, HTTPS, SSL, 대칭키, 비대칭키 등)을 프로젝트에 적용하기 위해 해싱과 보안에 대한 고민을 정리했습니다.

• 230802: Konva의 이미지를 Firebase에 저장
  프로젝트에서 별자리 커스텀 이미지를 Konva로 생성한 후, 그 결과물을 Firebase에 어떻게 저장할지 고민하고 구현한 과정을 상세하게 단계별로 정리했습니다. 이미지의 Data URL을 Blob으로 변환하고 Firebase에 업로드하는 방법과 흐름을 정리했습니다.

• 230803: Konva의 이미지를 Firebase에 저장 Part 2
  Konva 라이브러리를 사용하여 그린 이미지를 Firebase에 저장하는 프로세스를 설명합니다. 이미지를 Base64 인코딩된 문자열로 변환하고, 이를 바이너리 데이터로 디코딩한 후 Firebase 스토리지에 저장하는 과정을 포함합니다. HTTP헤더와 MIMETYPE에 대한 이야기도 있습니다.

• 230804: React Life Cycle, useEffect Hook
  React에서의 useEffect Hook과 생명주기에 대해 정리했습니다. 정리를 통해 컴포넌트의 마운트, 업데이트, 언마운트 과정에서 수행되는 작업을 배울 수 있었습니다.

• 230810: 뒤로가기와 props, location에 대한 휘갈기기
  뒤로가기에 대한 고민을 했습니다. navigate(-1)의 필요성, 그에 따른 props, recoil관리에 대한 의문과 정보를 일단 적어놨습니다. 아직 정리는 못했어요

• 230828: 인프라 시작

  • 인프라에 대한 공부를 하기 전, 큰 흐름을 정리해봤습니다.
  • SSAFY에서 컨설턴트님의 취업 조언을 정리했습니다.

• 230829: 로컬배포의 문제

  • 인프라의 사용이유, 로컬에서의 배포를 했을 때에 발생하는 문제점을 정리했습니다.

• 230829: 인프라 세부 내용 정리

  • 온프레미스와 클라우드의 차이, EC2는 무엇인지, 왜 사용해야 하는지 정리했습니다.

• 230909: Google Social Login

  • 구글 소셜 로그인의 과정을 하나부터 열까지 정리했습니다.

• 230911: Expo history

  • Expo를 사용하면서 발생한 오류들, Expo의 기초에 대해서 정리했습니다.

• 230914: [React Native] Android Widget 생성 - 디자인

  • React Native Widget을 구현하기 위한 과정 - 1
  • Apple UI UX Widget Guide를 참고하며 디자인했습니다.

• 230915: [React Native] Android Widget 생성 - Layout

  • React Native Widget을 구현하기 위한 과정 - 2
  • 간단한 디자인과 클릭 버튼 테스트를 진행했습니다.

• 230917: [React Native] Android Widget 생성 - Native Module 연결

  • React Native Widget을 구현하기 위한 과정 - 3
  • React Native 애플리케이션과 네이티브 코드의 연결을 위한 Bridge생성

• 230919: [React Native] AppState

  • AppState로 앱이 종료되어도, 데이터들을 살리자.

• 230920: [React Native] Android Widget 생성 - Native Module 연결

  • React Native Widget을 구현하기 위한 과정 - 4
  • React Native 위젯 실시간 연동

• 230922: [React Native] Android Widget 생성 - Native Module 연결

  • React Native Widget을 구현하기 위한 과정 - 5
  • React Native StopWatch 핵심 기능 완성

• 230922: [React Native]Axios Interceptor

  • Axios Interceptor 활용