유이로운 개발일지

개발과는 관련이 없는 글이지만 기억하고 공유하기 위해 작성합니다! 지금 LT-84 키보드를 사용 중이고, 해당 키보드는 한/영 전환키가 따로 없기에 오른쪽 ALT를 통해 한/영 전환을 하고 있었는데 어제 윈도우 업데이트 이후 갑자기 ALT키와 윈도우키가 바뀐 듯한 현상이 나타났습니다. 챗 GPT에게도 물어보고, 인터넷 서칭도 하여 레지스트리편집키 / 시간 및 언어 재설정 등 다양한 방법을 시도했으나 전혀 차도가 없었습니다. 이 때문에 재부팅을 10회는 한 듯합니다. 하지만 그 노력의 시간이 머쓱;;할 정도로 아래의 사항을 적용하고 정말 1초만에 바로 해결이 되었습니다. LT-84키보드의 경우에는 맥/윈도우 키보드를 각각 지원하는데, 맥 키보드로 설정되어 있을 경우 위와 같은 현상이 일어날 수 있다고 합니..

import { configureStore, createSlice } from '@reduxjs/toolkit'; let products = createSlice(); 1. 리덕스 툴킷 설치 - npm install react-redux @reduxjs/toolkit 2. index.js에 세팅 // import import { configureStore } from '@reduxjs/toolkit'; // configureStore 에서 {} 넣고, 그 안에 reducer: {} 넣고 변수에 만들어서 담는다. const store = configureStore({ reducer: {}, }) 3. Provider 세팅 import { Provider } from 'react-redux'; 아래 코드처럼..

아주 기초적이고 당연한 것이지만 json-server가 켜진 상황에서 yarn start를 하는 방법을 알지 못해 어려움을 겪었다. 구체적으로는 json-server가 db.json 이라는 파일을 포트 4000번으로 바라보고 있는 상황에서, 다른 포트로 yarn start를 해 줘야 하는 상황이었다. 해결 방법은 매우 간단하다. json-server를 구동시킨 터미널을 켜둔 상태 그대로 새 터미널을 열어, 그 곳에서 yarn start를 실행해 준다. 이때, 폴더를 헷갈리지 않도록 주의한다! 이렇게 두 가지의 터미널을 이용해 두 가지 서버를 열어놓게 되면 json-server 구동 동시에 yarn도 함께 구동시켜 줄 수 있다. 복습을 위한 강의 판서 오늘도 잘 해냈다!

기존에는 css파일에 @import 형태로 쉽게 적용하던 Google font를 react와 styled-component를 함께 사용하는 프로젝트에서 어떻게 적용해야 할지 몰랐다. 적용 방법은 아래와 같다. 1. 우선 Google font 중 적용할 폰트의 스타일과 weight을 모두 선택 후, @import형식이 아닌 형식으로 복사한다. 2. 해당 복사본을 index.html에 붙여넣는다. (* 기본 설치 이후에 따로 옮기지 않았다면 public 폴더안에 index.html이 위치해 있습니다) 3. GlobalStyles.jsx 파일에 font-family를 삽입한다. 오늘도 잘 해냈다!