run_dev run_dev

"일찍 알았으면 좋았을 넓고 얕은 개발 지식"은 개발 공부한 지 얼마 안 됐을 때 대충 알고 넘어가버려, 이제 와서 고통받는 스스로에 대한 반성과, 개발세계에 입문하신 분들에게 도움이 되고자 하는 글을 쓰고 있습니다. 프로젝트를 시작하거나, 제품을 만들때에 일관성 있는 결과물을 도출하기 위해 프로젝트 전역에서 공통으로 쓰일 여러 가지 설정들을 합니다. 라이브러리를 설치하거나 CSS 속성 중에 자주 쓰일 컬러나 간격, 그리고 폰트 설정을 많이 하죠. 분명히 초기세팅에 전역에 적용되는 폰트 설정을 했는데 이상하게 특정 영역에만 폰트가 다르거나, 폰트가 정확히 원하는 대로 설정이 된 건가? 확인하고 싶다면 잘 오셨습니다. 더불어 Form Field에 적용이 안 되는 이유, 그리고 어떻게 적용하는지 알아보겠습니..

모달을 만들다가 background-color에 투명도를 조절해야 했다. styled-component로 개발하고 있어서 전역에 사용될 컬러를 미리 설정해뒀다. hex코드로. //theme.js export const color = { white: '#fff', grey_1: '#E5E5E5', grey_2: '#C4C4C4', grey_3: '#A3A3A3', grey_4: '#828282', grey_5: '#626262', grey_6: '#414141', black: '#000', yellow: '#fdc81d', }; 요런식으로. 그래서 투명도를 일일이 지정하기 애매해서 찾아봤더니, hex코드도 rgba의 a값(alpha)을 지정할 수 있다. hex코드는 6자리 혹은 3자리로 적는데, 이게 8자..

문제 fetch메서드로 되어있던 프로젝트에서 axios로 마이그레이션 하는도중 자꾸 post에 Body 값이 안담기거나, 이상하게 담기는것이었다. 시도 분명...인스턴스 config설정도 하라는데로 잘 했는데... export const todoApi = axios.create({ baseURL: BASE, headers: { "Content-Type": DEFAULT_HEADER, Authorization: AUTH_HEADER }, responseType: "json", }); import { api, authApi, todoApi } from "./api"; export const client = { getTodos: () => todoApi.get(api.getTodos), createTodo: ..