벌써 와버린 유월

06.30

• 학부연구생 찐찐막 마무리
• 해외 현직자 멘토링(캐나다-미주 영어권)

여름 감기..

06.29

• ChatGPT-L 챗봇 페르소나 구체화
• 백준 알고리즘 추천 문제집 [문자열] 8문제

06.28

• 학부연구생 찐막 회의

06.27

• 프로그래머스 Lv.3 문제 풀이
  • 보석 쇼핑 : 투 포인터 개념 제대로 공부 필요
  • 경주로 건설 : BFS 심화 & 세부 알고리즘 떠올리기 공부 필요
• 코테 스터디

06.25

• 프로그래머스 Lv.3 불량 사용자 풀이
  • Combination과 Permutation의 적절한 선택

06.24

• chatGPT-L 개발 진행
  • 채팅 기능 & 임시 UI 구현 → 유저와 GPT의 메시지 분리 중 오류 발생 ...
    → 해결(전체 메시지의 state인 totalMsg를 useEffect의 의존성에서 삭제.
    해당 useEffect는 user가 입력하면 API 함수를 호출한다. 이때 API 함수에 setTotalMsg가 있으므로 useEffect가 무한정으로 호출되기 때문에 발생한 문제였다.)

06.23

• chatGPT-L 개발 진행
  • Firebase Auth 로그인 연동 진행
• React 컴포넌트 재사용성 극대화
  • 부모 컴포넌트에서 props로 자식 컴포넌트 style 정의하기
    → 자식 컴포넌트의 style을 주고 싶은 태그 안에 {...props} 전달
• Firebase의 Auth 동작 2가지
  • signInWithCredential : 이미 사용자가 가입한 계정에 대해 credential이 있을 경우에 사용
  • signInWithPopup : 사용자 credential이 없어서 회원가입 플로우로 넘겨줘야 하는 경우에 사용
• React에서 dotenv 사용하기
  • require('dotenv').config()는 호출하면 안된다. → React는 env를 내장으로 가지고 있기 때문.
  • 또한, .env 파일을 생성할 때 Root 디렉토리에 생성해야 한다.(= node_modules와 같은 위치)

공식 문서가 역시 최고다.
블로그 글에는 동작하지도 않는 헛소리를 써놓은 경우가 많다.

06.22

• [학부연구생] 연구 프로젝트 진행
• 2023 KAKAO BLIND RECRUITMENT 문제 풀이

06.21

• [학부연구생] 정기 회의 17:00 ~
• ChatGPT API 활용 채팅 구현 Udemy 강의

06.20

• [SW활동장학멘토] 컴퓨터구조 과제 채점
• 파이썬 코테 스터디 진행
• chatGPT-L 디자인 디벨롭 회의

06.19

• 네이버 부스트캠프 코테
• 컴퓨터네트워크 기말고사

종강..

06.18

• chatGPT-L 프로젝트 구현ing
• 컴퓨터네트워크 Chapter.3 공부

06.17

• 과외 보충
• chatGPT-L 프로젝트 구현 진행 시작
• 컴퓨터네트워크 Chapter.4 공부

06.16

• 컴퓨터네트워크 기말고사 공부
• 프로그래머스 Lv.3 모두 0으로 만들기 시도
• 프로그래머스 고득점 Kit-DP-사칙연산 풀이
• 프로그래머스 고득점 Kit-DP-N으로 표현 풀이(참고)

06.15

• 프로그래머스 Lv.3 광고삽입 풀기 : 코드 참고..
• 컴퓨터네트워크 기말고사 공부

  끝이 안보인다.

06.14

• 학부연구생 정기 미팅
• 컴퓨터네트워크 기말고사 대비 강의 듣기

06.13

• 졸업프로젝트 최종 구현 발표 / 아싸 종강~!

06.12

• 과외
• 컴퓨터네트워크 기말고사 대비 강의 듣기

06.10

• CSS re-born
  • position
• React + Firebase로 카카오계정과 함께 로그아웃 기능 구현
  • react-cookie, moment 패키지 사용해서 쿠키 설정, 지정된 기한 지나면 쿠키 삭제하고 자동 로그아웃

06.08

• 프로그래머스 고득점 Kit 다이나믹 프로그래밍 2문제
• 토스 개발자 컨퍼런스 참가
• CSS re-born
  • Selector
    • 선택자의 우선순위를 잘 알아야 한다.
    • 자식,자손,형제 선택자는 알아만 두자.
  • Box
  • Float
    • float 속성을 가지면 자동으로 display: block이 된다. 그리고 부모는 height가 자식의 높이만큼 줄어든다.
    • 레이아웃을 망치는 근간 중 하나가 float이다. 이는 overflow:hidden 또는 clear: left | right | both 를 사용해서 해결할 수 있다.
    • 요즘 float는 거의 쓰이지는 않는다. 그래도 알아는두자. 옛날 코드를 디버깅할 때 필요하다.

06.07

• Udemy 리액트 강의
  • HTTP 요청 다시 살펴보기. (fetch, axios)
  • 리액트는 백엔드와 통신할 수 있지만, 보안이나 성능상 문제로 인해 데이터베이스와 직접적인 통신은 불가능하다. 하지만 백엔드 API를 통한 요청 전송은 가능하며 대부분은 REST API에 전송하게 된다.
• 학부연구생 미팅
• 졸업프로젝트2 시스템 최종 구현 보고서 작성

06.06

• CS 스터디 자료구조 + 알고리즘 모의 면접 진행
• 파이썬 코테 스터디 진행

06.05

• React + Firebase로 카카오 로그인 기능 구현 성공
  • 3가지 구현 방법 있음
    • OpenID Connect : 이걸로 시도해서 성공
    • Cloud Functions
    • Node.js 서버 구축

06.04

• Udemy React 강의
  • useCallback이란 함수에서 사용할 수 있는 useMemo이다. 함수의 재생성을 막아 재사용할 수 있게 해준다.
  • 컴포넌트가 렌더링 될 때 마다, 모든 코드는 다시 새로 생성된다. 그런데 useState는 왜 변하지 않을까? state는 리액트가 관리하고 리액트는 컴포넌트와의 연결을 관리한다. 그렇기 때문에 state는 첫 렌더링 한 번에서만 고려되도록 처리한다. 그리고 이 state가 어느 컴포넌트에 속하는지를 기억한다. 그렇기 때문에 state는 새로 생성되지 않는다.
• React + Firebase 카카오 로그인 구현 시도, but 실패.. → 엄.. 어떻게 처리하지...?
• 백준 오늘의 문제 3개 풀기
• 자료구조 & 알고리즘 면접 대비 질문 리스트업 초안 작성
• chatGPT-L React + Firebase로 카카오 로그인 기능 구현 시도했으나 실패..

06.03

• 프로그래머스 고득점 Kit 그리디 남은 문제 풀기
• 프로그래머스 Lv3 다단계 칫솔 판매 풀기
• TypeScript 강의 듣기
  • class와 interface 개념

06.02

• chatGPT-L React + Firebase로 구글 로그인 기능 구현하기

06.01

• 프로그래머스 고득점 Kit 그리디 풀기
• 졸업프로젝트 시스템 구현 발표 수업 참여