# 세팅
[진행 가능] Mac작업환경 세팅하기
macbook air m1 ram 16GB, ram 512GB, 배터리상태 100%, 사이클8회를 당근으로 130에 구매했다.유튜브로 맥os 단축키와 크롬 단축키에 대해 숙지했다.이제 작업환경 세팅과정을 정리하겠다.맥os monterey 12.1.1은 기본 termin

[ZoomCloneCode] 초기환경세팅하기 with node.JS
Zoom이라는 화상회의플랫폼이 유료화가 된 이후 다양한 팀원들과 온라인으로 소통을 하려면 구글 meet, 슬랙 등 여러 플랫폼을 떠돌아야 하는 것에 불편함을 느껴서 화상회의 프로젝트를 직접 만들어 볼까하는 고민이 생겼습니다. 42의 멘토님께 화상회의 멘토링을 받

next i18n 정확하게 알고 세팅하고 사용하자
국제화 next i18n을 공부해보자.먼저 프로젝트 세팅부터 알려주겠다.내가하는 세팅방법은 전부 next js , typeScript니 참고하길 바란다.npx create-next-app@latest --ts npm i next-i18nextnpm i next-tran
우당탕탕 M1 개발 환경 세팅 - HomeBrew, jenv, NVM
MacBook M1(ARM) Base Development Environment Settings - HomeBrew, jenv, NVM

[Next.js] Next.js + TypeScript + ESLint + Prettier + 절대경로 + styled-components + Recoil + React Query 프로젝트 세팅
프로젝트 초기 세팅 방법 총정리
노트북 덮어도 안꺼지게 하기
sudo nano /etc/systemd/logind.confHandleLidSwitch=suspend 부분의 주석을 제거하고, suspend를 ignore로 변경ctrl + x -> y 입력 -> 엔터 // 변경사항 저장sudo service systemd-login

Next, typescript styled-components 적용
Next와 ts에서 styled-components 를 사용할 때 추가적으로 설정해주어야하는 것들이 존재해서 포스팅을 해본다!기존 Next와 ts를 초기세팅한뒤 보통 styled-components 설정을 해준다. 아래에 명령어로 Next에 styled-componen

React (typescript) 초기설정
npx create-react-app (파일명) --template typescript기본적으로 리액트에서 TypeScript를 사용하기 위해서는 아래 패키지가 필요합니다.npm install typescript @types/node @types/react @types

React ESLint 설정 종류 및 airbnb 설정
전에 다루었던 prettier와 ESLint 설정에서 추가로 작성하고 싶은 내용이 있었지만.. 분량이 너무 길어서 따로 작성하게 되었다.저번에 보았던 ESLint에 많은 plugin들을 잘 정리한 airbnb Lint plugin이 존재하는데, 어떻게 설정하는지 알아보