임도현의 성장

🥕 Redis 란?Redis는 Remote Dictionary Server의 약자로 빠른 오픈 소스 인메모리(Key-Value) 데이터 저장소입니다. Redis는 Key - value 구조를 기반으로 비정형 데이터를 저장하고 관리하는 시스템으로 비관계형 데이터 베이스(NoSQL)의 일종입니다. Redis는 주로 메모리 내 In- memory에서 데이터를 저장하고 관리하지만 데이터를 디스크에 지속적으로 저장 할 수 있는 영속성 기능도 지원합니다. 이를 통해 빠른 읽기 쓰기를 제공하며 복잡한 데이터 구조를 지원합니다.Redis 주요 타입String: 가장 기본적인 데이터 타입으로, 텍스트나 숫자 등의 데이터를 저장합니다.List: 리스트 형태로 순차적인 데이터를 저장합니다.Set: 고유한 값을 저장하는 ..

🧐Component란?리액트는 화면에서 UI 요소를 구분할 때 컴포넌트라는 단위를 사용합니다. 쉽게 말하면 리액트에서 앱을 이루는 가장 작은 조각이라고 할 수 있고 레고 블록으로 집을 쌓게 된 경우 하나의 블록이 컴포넌트라고 할 수 있습니다.함수형 컴포넌트는 기본적으로 props를 통해 부모 컴포넌트에서 데이터를 전달받고, 필요하면 React Hooks를 사용해 state와 같은 추가적인 기능을 구현할 수 있습니다. 👪 Props란? Props는 컴포넌트 간에 데이터를 전달하는 도구입니다. 실제 프로젝트에서는 Props를 활용하여 데이터를 컴포넌트 계층 구조에 따라 전달하며 이를 통해 앱의 UI를 동적으로 관리합니다. 부모 state를 자식에게 전달하는 기본 흐름은 부모 컴포넌트에서 state와 s..

😤 State란?React에서 함수형 컴포넌트에서 상태(state)를 관리하기 위해 제공되는 Hook입니다. 상태란 시간이 지남에 따라 변경될 수 있는 값으로 이 값을 저장하고 관리하는데 useState를 사용합니다. 밑에 코드처럼 현재 상태값 state와 상태 업데이트 함수 setState를 두가지 요소를 배열 형태로 리턴해준다.state : 현재 상태 값을 저장하는 변수입니다.setState : 상태를 변경하기 위한 함수입니다. 이 함수를 호출하면 React는 상태를 업데이트하고, 해당 상태를 사용하는 컴포넌트를 자동으로 다시 렌더링합니다.const [state, setState] = useState(초기값);const [text, setText] = useState(""); // 빈 문자열로 초기..

🥵  CORS란?도메인이 다른 서버끼리 리소스를 주고 받을 때 브라우저에서는 보안적인 이유로 cross-origin HTTP 요청들을 제한합니다. 그래서 cross-origin 요청을 하려면 서버의 동의가 필요합니다. 만약 서버가 동의한다면 브라우저에서는 요청을 허락하고, 동의하지 않는다면 브라우저에서 거절합니다. 이 정책은 악의적인 사이트가 사용자의 데이터를 탈취하지 못하도록, 다른 출처(origin)에서 리소스를 요청할 때 제한을 두는 역할을 합니다. 🎅 CORS 경험 이 전까지는 하나의 어플리케이션으로 계속 JSP만 하다가 API서버를 만들어 서로 다른 도메인으로 요청하는 작업이 처음이였다. 백앤드 개발자 입장에서는 서버 코드 오류 없이 테스트 까지 했는데 프론트쪽에서 CORS에러가 났다고 해줬..

JWT (Json Web Token) 란?JWT는 일반적으로 클라이언트와 서버 사이에서 통신할 때 권한을 위해 사용하느 토큰이다. 웹 상에서 정보를 Json형태로 주고 받기 위해 표준규약에 따라 생성한 암호화된 토큰으로 복잡하고 읽을 수 없는 String 형태로 저장되어있다.  😎 JWT 구성요소헤더(Header), 페이로드(Payload), 서명(Signature)세 파트로 나눠져 있다. 헤더(Header)어떠한 알고리즘으로 암호화 할 것인지 어떠한 토큰을 사용할 것 인지에 대한 정보가 들어있다. 페이로드(Payload) 전달하려는 정보(사용자의 ID나 데이터들, 이것들을 클레임이라고 부름)가 들어있다. Payload에 있는 내용은 수정이 가능하며 더 많은 정보를 추가할 수 있다. 하지만 노출과 수정..

🧐 Github Action란? GitHub Actions은 GitHub에서 제공하는 빌드, 테스트 및 배포 파이프라인을 자동화할 수 있는 CI/CD(연속 통합 및 지속적인 업데이트) 플랫폼입니다.  🥺 CI/CD 란?반복적인 일 들을 처리하고 문제가 있을 때 경고를 해주는 등 자동화된 파이프라인을 통해서 코드 변경과 배포 단계를 원활하게 진행 할 수있다. 즉 자동화를 통해 시간 절약 및 사람이 직접적으로 처리 할 때 실수를 할 수 있는 부분들을 관리 함 CI - 지속적 통합 CI는 개발자가 작성한 코드를 주기적으로 중앙 저장소에 병합(merge)하고 이를 자동으로 빌드 및 테스트하는 과정입니다.코드를 자주 병합하므로, 통합 충돌을 줄입니다.코드 품질을 높이고, 문제가 배포 전에 발견되도록 합니다.C..