🌊 이진 탐색 🐤 문제 설명 부분적으로 오름차순 정렬*된 정수의 배열(rotated)과 정수(target)를 입력받아 target의 인덱스를 리턴해야 합니다. 부분적으로 정렬된 배열: 배열을 왼쪽 혹은 오른쪽으로 0칸 이상 순환 이동할 경우 완전히 정렬되는 배열 예시: [4, 5, 6, 0, 1, 2, 3]은 왼쪽으로 3칸 또는 오른쪽으로 4칸 순환 이동할 경우 완전히 정렬됩니다. 🐣 제한사항 rotated에 중복된 요소는 없습니다. target이 없는 경우, -1을 리턴해야 합니다. 🐥 입출력 예 let output = rotatedArraySearch([4, 5, 6, 0, 1, 2, 3], 2); console.log(output); // --> 5 output = rotatedArraySearch..

🌊 TIL : 2023년 5월 3일 오늘 한 것 token 로그인 인증 서버 구현 react router 새 버전 사용 어려웠던 부분 디버깅하는 법..

🌊 Hashing Hashing은 암호화 방식 중 하나로, 복호화가 가능한 다른 암호화 방식과 달리 해싱은 암호화만 가능하다. 해싱은 해시 함수(Hash Function)를 사용하여 암호화를 진행한다. 해쉬 함수의 특징 항상 같은 길이의 문자열을 리턴한다. 서로 다른 문자열을 동일한 해시 함수를 사용하면 반드시 다른 결과값을 반환한다. 동일한 문자열에 동일한 해시 함수를 사용하면 항상 같은 결과값이 나온다. 해쉬 함수 SHA1 생성기 https://www.convertstring.com/ko/Hash/SHA1 SHA1 해시 - 온라인 SHA1 해시 생성기 www.convertstring.com 해싱의 목적 해싱은 복호화 불가능한 암호지만 비밀번호 또한 해싱하여 저장하므로 해싱값이 서로 확인하여 일치하는 ..

🌊 Redux 리덕스를 사용하면 컴포넌트 상태 업데이트 관련 로직을 다른 파일로 분리시켜 더욱 효율적으로 관리할 수 있다. 또한, 컴포넌트끼리 똑같은 상태를 공유해야 할 때도 여러 컴포넌트를 거치지 않고 전달, 업데이트할 수 있다. Redux는 React에 종속되는 라이브러리가 아니며, 리액트에서 사용되려고 만들어졌지만 실제로 다른 UI 라이브러리/프레임워크와 함께 사용할 수 있으며 예 : angular-redux, ember-redux 등, Vue도 가능하지만 Vue에선 리덕스와 유사한 vuex를 주로 사용) 바닐라 자바스크립트와 함께 사용할 수 있다. Redux 키워드 Action 액션 : 상태에 어떠한 변화가 필요하면 액션이 발생한다. 액션은 객체 형태로 표현한다. { type : 'INCREASE..

🌊 TIL : 2023년 5월 2일 오늘 한 것 프로그래머스 알고리즘 문제 풀이 인증/보안 - 쿠키, 세션 React - Router 어려웠던 부분 인증/보안.. 백엔드 부분 서버 연결하는게 어려웠다. 실습하다가 동기분들과 함께 얘기나누며 진행하여 무사히 완료하긴 했으나 가이드라인 없이 새로 짜야한다면 못 했을 것 같다. 우선 이론을 익히고! 코드와 더 친해져야겠다. 더 공부할 것 React - Router이전에 부트캠프에서도 배웠지만 이전에 쓰던 버전과 차이가 있어서 공식 문서 읽으면서 작은 프로젝트를 하나 만들까 싶다.

🌊 cookie & session cookie HTTP 프로토콜의 무상태성을 보완해주는 도구. 원래 보안이 목적이 아니지만 요즘은 인증, 보안의 용도로 자주 사용한다. 쿠키는 서버에서 클라이언트에 전송하는 작은 데이터 조각이다. 쿠키는 영속성 있는 데이터를 저장하는 방법이다. 서버는 클라이언트의 쿠키를 이용하여 데이터를 가져올 수 있으며 반대로 클라이언트에서 서버로 쿠키를 다시 전송할 수도 있다. 쿠키를 이용하면 상태가 없는(statelss) HTTP 프로토콜에서 상태 정보를 기억시켜주어 사용자의 로그인 상태를 유지할 수 있다. 팝업창 오늘 하루 보지 않기 로그인 상태 추천광고 쿠키의 목적 세션 관리 (session management) 서버에 저장해야 할 로그인, 장바구니, 게임 스코어 등의 정보 관리..

🌊 TIL : 2023년 5월 1일 오늘의 공부 알고리즘 문제 풀이 Todo List 완성 HTTP와 HTTPS TCP 어려웠던 부분 네트워크.. 아직 실습을 많이 해본 것이 아니라 그런 지 확 와닿지 않는다. Todo LIst - 다크모드 구현 중 CSS 클래스 지정 부분에서 헤맸다. 느낀점 내가 먼저 구현하려고 노력하긴 했지만 GPT나 구글, 솔루션 강의, 책에서 워낙 정답이 줄줄 적혀있어서 이게 정말 내 실력이 될 수 있을 지 고민 많이 하며 만들었는데 그래도 공부는 되는 것 같다. 시간이.. 너무 촉박하다 ㅠㅠ 하루 종일 앉아있었는데 진도가 너무 더뎌서 걱정이다. 더 공부할 것 네트워크 리액트 커스텀 훅

🌊 Todo list 배포 링크 & 깃허브 배포 링크 Todo list tiny-rolypoly-6912ef.netlify.app 깃허브 GitHub - dreamogu/React-Practice-TodoList Contribute to dreamogu/React-Practice-TodoList development by creating an account on GitHub. github.com 구현 요소 전체 리스트 보여주기 리스트 삭제 리스트 추가 리스트에 공백 있으면 삭제 리스트에 공백만 있으면 추가 안되게 상단 리스트 필터링 리스트 체크박스 CSS 다크, 라이트 모드 OS 셋팅 값에 따라 모드 다르게 보여주기 localStorage dark/light 설정해둔 것 localStorage에 저장..