우당탕탕 개발일기

여러명이 협업하는 경우... 다 제각각 코드 작성 스타일이 다르다. 이걸 맞춰나가는게 협업이라지만, 이런것까지 맞춰야하나 싶은 생각이 들기도 한다. 그 '이런것'에 해당하는 것 중 하나가 import 정렬이었는데.... Eslint에서 import order를 설정할 수 있다고 한다!! 즉, eslint에게 규칙만 알려주면 많은 사람들이 제각각 import 해와도 자동으로 정해진 규칙대로 정렬이 되는 것!!! 일단, eslint부터 설치해준다! npm install -D eslint 이때 확장에서 eslint도 함께 설치해주어야 한다. 그리고 프로젝트의 root 위치에서 .eslintrc.js이라는 파일을 만들어주어 그 안에서 이제 규칙을 작성하면 된다. 기본 순서는 ["builtin", "externa..

redux를 설치했더니 store를 생성하는 createStore에 취소선이 그어져있었다. 최신 버전의 redux가 redux-toolkit을 추천하고 redux-toolkit에서는 createStore가 사용되지 않기 때문이라고 했다. 프로젝트에서도 redux-toolkit을 쓸 예정이라, redux-toolkit을 드디어 배워보기로 했다. redux로 골머리를 앓았던 기억이 생생하여... 😇 조금 겁이 났으나, 조금 만지작거리고나니 redux보다 훨씬 쉬운 것 같다..! 나는 붕어라서, 내가 했던 거를 기록해보려고 한다. 설치 // NPM npm install @reduxjs/toolkit 폴더 구조는 📂 src |-- index.js |-- App.js |-- store |-- store.js |-..

퍼블리싱 연습 중 잘 되던 live server가 Something is went wrong! Please check into Developer Console or report on GitHub.이라는 문구만 뜨면서 페이지가 켜지질 않았다. 유튜브에서 설명하는대로 5.7.8버전으로 (현재 5.7.9) 설치하니까 해결이 됐다. https://www.youtube.com/watch?v=4vDoMtIGhtk

유지 보수 담당으로 들어가게 되며 기존의 커밋들을 참고해야 할 때가 있었는데 커밋메시지가 통일되어있지 않다 보니 찾아보는 게 어려웠다. 이번에 새로운 프로젝트에 들어가게 되면서 기본적으로 준비해야 할 것을 찾아보던 중 커밋 메시지 컨벤션이 있어서 간단하게 알아보았다. 우선 커밋 메시지 컨벤션이란, 말 그대로 커밋 메시지 + 컨벤션(convention, 협약)으로 협업하는 사람들끼리 커밋 메시지의 형식을 정하고 따름으로써 가독성 있는 커밋 메시지를 만들 수 있는 약속이다. git commit -m "커밋메시지"에서 커밋메시지 부분을 컨벤션에 맞게 작성하면 된다. 0. 커밋 메시지의 기본 형식 : -- 제목 -- 본문(option) -- 푸터(option) 이러한 형식으로 커밋메시지 부분에 들어가게 된다. ..

얼마 전에 갑자기 vsCode가 초기화???되면서 설치되었던 확장프로그램이.. 초기화됐다 ☠ 정리하는 겸 해서 나한테 꼭 필요한거만 겨우 기억을 되살리며 재설치했다.