dev seona

🌱 공부한 것을 기록하여 성장하기 위한 블로그입니다.

Keyplus - dependabot 설정

문제의 시작 옛날부터 다른 github repository들을 보면 contributors에 dependabot이 있고, 자동으로 pull request를 날려주길래 나도 저 설정을 해놔야겠다 생각하고 있었다. 근데 이 alert을 보고 나서 이번에 본격적으로 설정을 해보기로 마음먹었다. 기억이 안 나서 몰랐는데 옛날에 이 설정을 해둔 적이 있었나 보…

React Router

React Router v5 기준으로 일단 설명하고, v6에서 바뀐 점은 밑에서 설명합니다. React Router란? React는 SPA를 만드는 것을 도와주는 라이브러리이다. 즉, 페이지가 1개인 애플리케이션을 만든다. 전통적인 웹 애플리케이션이 여러 페이지로 구성되어 있는 것과 완전히 다르다. 전통적인 웹 앱은 유저가 요청할 때마다 페이지가 새로고침…

Proxy

Proxy (서버)란? Proxy의 사전적 의미는 대리인이다. 즉, Proxy 서버는 대신 처리하는 서버로, 클라이언트가 자신(프록시 서버)을 통해서 다른 네트워크 서비스에 간접적으로 접속할 수 있게 해준다. 서버와 클라이언트 간의 중계자 역할을 하여 통신을 대신 수행하는 서버를 ‘프록시 서버’라고 한다. 캐싱, 보안, 트래픽 분산을 위해 프록시 서버를 …

useReducer & Context API

추가 예정

Redux Toolkit (RTK)

추가 예정 Keyplus 프로젝트를 하며 RTK를 사용하긴 했지만 잘 활용하지는 못했던 것 같아서 다시 공부하여 정리하고자 한다.

OAuth

추가 예정

PostCSS

PostCSS란? PostCSS is a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS syntax, inline images, and more. PostCSS는 자바스크…

CSS 방법론 (BEM, OOCSS, SMACSS)

추가 예정

Tailwind CSS

추가 예정

CRA 없이 React 개발 환경 구축하기

추가 예정 CRA란? Babel, Webpack Vite란? 추가로 읽으면 좋은 글 npm & yarn Babel & Webpack 참고 Create react app vs Vite