코딩공부/공부지식 8

useState vs useSWR vs Redux 비교

useState vs useSWR vs Redux1. useState장점간단한 로컬 상태 관리별도 설정 없이 사용 가능컴포넌트 내부 상태 관리에 최적단점복잡한 상태 관리에 부적합상태 공유가 어려움전역 상태 관리 불가2. useSWR특징데이터 페칭과 캐싱에 특화된 훅실시간 데이터 동기화자동 재검증 및 캐시 관리장점간편한 데이터 로딩 상태 관리캐시 및 재검증 기능성능 최적화단점주로 원격 데이터 페칭에 특화복잡한 상태 관리에는 부적합3. Redux장점복잡한 전역 상태 관리상태 변경의 예측 가능성디버깅 용이미들웨어 지원단점보일러플레이트 코드 많음초기 설정 복잡상대적으로 학습 난이도 높음사용 추천 상황useState:간단한 컴포넌트 내 상태 관리소규모 프로젝트useSWR:데이터 페칭이 주요 관심사실시간 데이터 동..

테스트코드 jest

테스트코드란? 내가 생각한 대로 동작하는지 작성하는 코드 설치코드 npm i jest -D 파일명 관례 일반적인 관례로 테스트할파일이름.spec.js 와 같은 형식으로 파일을 만듭니다. 기본함수 test(): 단위 테스트를 묶어주는 함수입니다. expect(): 특정 값이 만족되는지(정상적인지) 확인하기 위한 표현식을 작성할수 있게 해주는 함수입니다. 환경구성 패키지.json에서 수정 scripts: {"test" : "jest"} 실행코드 npm run test 위에는 예제코드 다른팀의 실제 테스트코드 상황

TIL 작성 특강 [강민철 강사님]

TIL의 의미 - 잘 쓴 TIL은 그 자체로 무기 프로젝트 코드만 보여주면 끝일까? No! - TIL로 성장, 성실함과 흡수력을 보여줘야 한다. - TIL은 개발자 성장의 커밋 로그 - TIL을 쓰지 않으면 내가 지금까지 얼마나 성장했는지 모릅니다 - 이력서에는 여러분의 성장(프로젝트 등)이 담긴다 -> 면접 질문은 이력서에서 나온다 -> 면접 질문은 TIL에 적은 내용에서 다 나온다 (면접 전날 TIL 정주행) (프로젝트에서 로그인 기능을 담당하셨네요? 이건 어떻게 만드셨나요? 기능분배는 어떻게 하셨나요? 등등) TIL 작성 방법 1) 이건 꼭 넣어주세요 - 문시해알 1. 어떤 문제가 있었는지 (문제점) 2. 내가 어떤 시도를 했었는지 (시도해본 것들) 3. 어떻게 해결했는지 (해결) 4. 뭘 새롭게 ..

세션 vs 토큰 vs 쿠키? 기초개념 잡아드림[노마더코드]

참고영상 https://www.youtube.com/watch?v=tosLBcAX1vk 쿠키 = 그냥 옮기는 시스템 매개체 토큰 = 서버가 기억하는 이상하게 생긴 텍스트 (ID카드처럼 서버에게 보여줘야 함) JWT = 정보를 갖고 있는 토큰. DB없이 검증가능! 세션 = 요청받으면 서버에서 DB에 있는 데이터를 전달 유저 인증을 위해서는 JWT 혹은 세션을 사용할 수 있음 쿠키와 토큰은 모두 클라이언트와 서버 간에 정보를 저장하고 전송하는 데 사용할 수 있는 방법입니다. 그러나 둘 사이에는 몇 가지 주요 차이점이 있습니다. 저장 위치: 쿠키는 고객의 컴퓨터에 저장되고 토큰은 서버에 저장됩니다. 지속성: 쿠키는 여러 세션에 걸쳐 유지됩니다. 즉, 웹 사이트를 여러 번 방문하는 동안 유지해야 하는 정보를 저..

알고리즘 퀴즈

소수 찾기 파이썬 알고리즘 문제 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로 만들수 있는..

자료구조+알고리즘 기초문법 정리(스파프타코딩클럽)

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)

성공적인 개발 공부를 위한 6가지 방법

1. 프로젝트 중심 (보는 것이 아닌 코딩하기) 프로젝트란? - 작은 미션도 프로젝트 - 서비스의 일부분 기능 - 서비스의 어느정도 기능 - 완전한 서비스 기능 주제를 고르기 어렵다면? 세상에 있는 서비스를 흉내내기 반복적이고, 점진적으로 그리고 나중에는 반드시 장기 프로젝트를.. 2. 팀으로 행동하기 대부분의 문제를 함께 해결 해야함. 함께 성장하는 것이 제일 빠름. 하지만 어떤 팀이든 실패할 가능성은 높음. 다음 과정 유의 - 2~4명 - 페어 프로그래밍 - 피드백 나누기 -형상관리 신경쓰기 - 커뮤니케이션 점검하기 3. 배경지식 쌓기 프로젝트에 빠지면 기초지식을 놓치기 쉽상 프로젝트 과정에서 마주하게 되는 개념을 중심 제대로 알고 구현하기 - Nativer API - 라이브러리 -넓게가 아니고 깊게..