클라이밍하는 개발자

useState vs useSWR vs Redux

1. useState

• 장점
  • 간단한 로컬 상태 관리
  • 별도 설정 없이 사용 가능
  • 컴포넌트 내부 상태 관리에 최적
• 단점
  • 복잡한 상태 관리에 부적합
  • 상태 공유가 어려움
  • 전역 상태 관리 불가

2. useSWR

• 특징
  • 데이터 페칭과 캐싱에 특화된 훅
  • 실시간 데이터 동기화
  • 자동 재검증 및 캐시 관리
• 장점
  • 간편한 데이터 로딩 상태 관리
  • 캐시 및 재검증 기능
  • 성능 최적화
• 단점
  • 주로 원격 데이터 페칭에 특화
  • 복잡한 상태 관리에는 부적합

3. Redux

• 장점
  • 복잡한 전역 상태 관리
  • 상태 변경의 예측 가능성
  • 디버깅 용이
  • 미들웨어 지원
• 단점
  • 보일러플레이트 코드 많음
  • 초기 설정 복잡
  • 상대적으로 학습 난이도 높음

사용 추천 상황

1. useState:
   • 간단한 컴포넌트 내 상태 관리
   • 소규모 프로젝트
2. useSWR:
   • 데이터 페칭이 주요 관심사
   • 실시간 데이터 동기화 필요
   • API 요청 최적화
3. Redux:
   • 대규모 애플리케이션
   • 복잡한 상태 관리
   • 상태 추적과 디버깅 필요
   • 여러 컴포넌트 간 상태 공유

결론

상황과 요구사항에 따라 적절한 상태 관리 방식을 선택하는 것이 중요합니다. 각 방식은 고유의 장단점을 가지고 있어 프로젝트의 특성을 고려해야 합니다.

테스트코드란?

내가 생각한 대로 동작하는지 작성하는 코드

설치코드

npm i jest -D

파일명 관례

일반적인 관례로 테스트할파일이름.spec.js 와 같은 형식으로 파일을 만듭니다.

기본함수

test(): 단위 테스트를 묶어주는 함수입니다.

expect(): 특정 값이 만족되는지(정상적인지) 확인하기 위한 표현식을 작성할수 있게 해주는 함수입니다.

환경구성

패키지.json에서 수정

scripts: {"test" : "jest"}

실행코드

npm run test

위에는 예제코드

다른팀의 실제 테스트코드 상황

TIL의 의미 - 잘 쓴 TIL은 그 자체로 무기

프로젝트 코드만 보여주면 끝일까? No!

- TIL로 성장, 성실함과 흡수력을 보여줘야 한다.

- TIL은 개발자 성장의 커밋 로그

- TIL을 쓰지 않으면 내가 지금까지 얼마나 성장했는지 모릅니다

- 이력서에는 여러분의 성장(프로젝트 등)이 담긴다

-> 면접 질문은 이력서에서 나온다

-> 면접 질문은 TIL에 적은 내용에서 다 나온다 (면접 전날 TIL 정주행)

(프로젝트에서 로그인 기능을 담당하셨네요? 이건 어떻게 만드셨나요? 기능분배는 어떻게 하셨나요? 등등)

TIL 작성 방법

1) 이건 꼭 넣어주세요

- 문시해알

1. 어떤 문제가 있었는지 (문제점)

2. 내가 어떤 시도를 했었는지 (시도해본 것들)

3. 어떻게 해결했는지 (해결)

4. 뭘 새롭게 알았는지 (알게 된 점)

2) 이건 필요 없습니다.

- 반짝반짝 예쁘게 꾸미기

- 통째로 붙여놓은 코드

- 감성적인 글

- 강의노트 복붙 혹은 요약

WIL

- TIL의 회고 : 이번주 알게 된 점 총정리

- 다음 주 목표 세우기

- 이번 주 목표 달성 여부

참고영상 https://www.youtube.com/watch?v=tosLBcAX1vk 

쿠키 = 그냥 옮기는 시스템 매개체

토큰 = 서버가 기억하는 이상하게 생긴 텍스트 (ID카드처럼 서버에게 보여줘야 함)

JWT = 정보를 갖고 있는 토큰. DB없이 검증가능!

세션 = 요청받으면 서버에서 DB에 있는 데이터를 전달

유저 인증을 위해서는 JWT 혹은 세션을 사용할 수 있음

쿠키와 토큰은 모두 클라이언트와 서버 간에 정보를 저장하고 전송하는 데 사용할 수 있는 방법입니다. 그러나 둘 사이에는 몇 가지 주요 차이점이 있습니다.

1. 저장 위치: 쿠키는 고객의 컴퓨터에 저장되고 토큰은 서버에 저장됩니다.
2. 지속성: 쿠키는 여러 세션에 걸쳐 유지됩니다. 즉, 웹 사이트를 여러 번 방문하는 동안 유지해야 하는 정보를 저장하는 데 사용할 수 있습니다. 반면에 토큰은 일반적으로 수명이 짧고 단일 세션에만 유효합니다.
3. 보안: 쿠키는 일반 텍스트로 저장되며 고객의 컴퓨터에 액세스할 수 있는 모든 사람이 액세스할 수 있습니다. 반면에 토큰은 일반적으로 암호화된 형태로 저장되며 더 안전합니다.
4. 사용 사례: 쿠키는 일반적으로 사용자 기본 설정을 저장하고 웹 사이트에서 사용자 활동을 추적하는 데 사용됩니다. 토큰은 일반적으로 사용자를 인증하고 보호된 리소스에 대한 액세스 권한을 부여하는 데 사용됩니다.

요약하면 쿠키와 토큰은 모두 클라이언트와 서버 간에 정보를 저장하고 전송하는 방법입니다. 쿠키는 영구 데이터를 저장하는 데 사용되는 반면 토큰은 보안 인증 및 액세스 제어에 사용됩니다.

애자일 소프트웨어 개발 방법론의 핵심은

작동하는 소프트웨어의 작은 구성 요소를 신속하게 제공하여 고객의 만족도를 개선하는 것입니다.

소수 찾기 파이썬 알고리즘 문제

input = 20


def find_prime_list_under_number(number):
    prime_list = []
    for n in range(2,number+1):
        for i in range(2,n):
            if n % i == 0:
                break
        else:
            prime_list.append(n)

    return prime_list


result = find_prime_list_under_number(input)
print(result)

1. 1은 소수가 아니므로 건너뛴다.
2. 자기 자신보다 1만큼 작은 수까지 반복문을 돌리고,
나누어 떨어지는 값이 있다면 소수가 아니다.
3. 나누어 떨어지는 값이 없다면 소수다.

숫자 최소 뒤집기(모두 000000, 111111로 만들수 있는 최소 뒤집기 횟수 구하기)

input = "011110"


def find_count_to_turn_out_to_all_zero_or_all_one(string):
    count_to_all_zero = 0
    count_to_all_one = 0

    if string[0] == '0':
        count_to_all_one += 1
    elif string[0] == '1':
        count_to_all_zero += 1

    for i in range(len(string) - 1):
        if string[i] != string[i + 1]:
            if string[i + 1] == '0':
                count_to_all_one += 1
            if string[i + 1] == '1':
                count_to_all_zero += 1

    return min(count_to_all_one, count_to_all_zero)


result = find_count_to_turn_out_to_all_zero_or_all_one(input)
print(result)

1주차 문제 : 배열에서 최대값 구하기

input = [3, 5, 6, 1, 2, 4]


def find_max_num(array):
    max_num = array[0]
    for num in array:
        if num > max_num:
            max_num = num
    return max_num

result = find_max_num(input)
print(result)

input = [3, 5, 6, 1, 2, 4]

def find_max_num(array):
    for num in array:
        for compare_num in array:
            if num < compare_num:
                break
        else:
            return  num

result = find_max_num(input)
print(result)

1. 프로젝트 중심 (보는 것이 아닌 코딩하기)
프로젝트란?
- 작은 미션도 프로젝트
- 서비스의 일부분 기능
- 서비스의 어느정도 기능
- 완전한 서비스 기능
주제를 고르기 어렵다면? 세상에 있는 서비스를 흉내내기
반복적이고, 점진적으로 그리고 나중에는 반드시 장기 프로젝트를..

2. 팀으로 행동하기
대부분의 문제를 함께 해결 해야함. 함께 성장하는 것이 제일 빠름.
하지만 어떤 팀이든 실패할 가능성은
높음. 다음 과정 유의
- 2~4명
- 페어 프로그래밍
- 피드백 나누기
-형상관리 신경쓰기
- 커뮤니케이션 점검하기

3. 배경지식 쌓기
프로젝트에 빠지면 기초지식을 놓치기 쉽상
프로젝트 과정에서 마주하게 되는 개념을 중심
제대로 알고 구현하기
- Nativer API
- 라이브러리
-넓게가 아니고 깊게!!! (항상 양보다 질!)(특히 주니어는 양보다 질)

읽는 것도 좋지만,,
-깃헙 마크다운
- 블로그 쓰기
- 세미나 발표하기 등

4. 알고리즘 풀이
- 운동선수의 기초체력! (프로젝트만 하다보면 약해질수 있지만 2단계정도까지)
- 수준에 맞게, 조금씩, 꾸준히
- API 사용을 멈추고 DOM 탐색구현, 정렬 직접 구현, HashMap 만들어보기

5 . 세상 중요한 디버깅

왜 디버깅? 개발자의 삶은 대부분 디버깅! 디버깅 툴!

6. 피드백
경험 적인 지식을 얻기
프로그램 사고 넓히기
더 빠르게 성장하기 ( 더 빠르게 훔치고 더 빠르게 성장하기)
코드리뷰 받기 ( 시니어, 주변누구나, 동료..)
커뮤니티에 소스 링크 올려보기