blog.skku-comit.dev[React/Node.js] 쿠키를 이용해 refresh-token 구현JSON 로그인 프론트엔드 + 백엔드 구현 프로젝트를 진행하면서 JWT (Json Web Token) 방식으로 로그인을 구현하기로 하였다. (JWT에 대한 설명은 생략, 이 글을 읽는 사람들은 에러를 해결하기 위해 온거겟지?) 백엔드에서 access-token은 header의 Authorization에 담아서 보내주고, refresh-token은 cookie에 담아서 보내기로 하였다. (보안 이슈 고려 body에 넣지 않음) 프론트에서는 acc...Jan 21, 2024·5 min read
jihodev.hashnode.dev[React] useState⭐들어가며⭐ React에는 여러가지 Hook이 존재한다. 리액트 프로젝트를 만들기 쉽게 만든 API의 일종이다. 리액트 Hook 중에서 가장 기본 및 기초가 되는 useState에 대해 알아보자. Built-in React Hooks – React useState 공식문서 정의 → useState is a React Hook that lets you add a state variable to your component. 원형 import {us...Nov 23, 2023·4 min read
blog.skku-comit.dev[React] Hook- useState⭐들어가며⭐ React에는 여러가지 Hook이 존재한다. 리액트 프로젝트를 만들기 쉽게 만든 API의 일종이다. 리액트 Hook 중에서 가장 기본 및 기초가 되는 useState에 대해 알아보자. Built-in React Hooks – React useState 공식문서 정의 → useState is a React Hook that lets you add a state variable to your component. 원형 import {us...Nov 22, 2023·4 min read
blog.skku-comit.dev[React] Framer Motion오늘은 리액트의 애니메이션 라이브러리중 하나인 Framer Motion에 대해 작성해보겠다. Framer Motion을 사용하게 된 계기는, 방학때 진행했던 CATch Mind라는 디자이너 협업 퀴즈 게임 개발을 하다가, 연속적으로 나오는 애니메이션 구현을 위해 사용했다. 예를 들어, 캐릭터가 진화하는 장면에서, 기존의 캐릭터가 화면 아래로 내려가고 새로운 캐릭터가 올라와야 했다. 마치 포켓몬스터 진화하는 장면처럼 말이다. 이를 위해서는 DOM...Nov 12, 2023·3 min read
blog.skku-comit.dev[Linux SystemProgramming] Process - MinishellSimple Minishell을 만들어보자. 먼저, Process가 무엇인지 간단하게 알아보자 Process An entity that is registered to the kernel for execution control flow passes from one process to another via Context Switching <PCB> 모든 프로세스는 각각 PCB(Process Control Block)을 가지며, 이는 Proc...Nov 3, 2023·5 min read
