노력하는 개발자 노력하는 개발자

Yarn

• SyntaxError: missing ) after argument list

  Language/npm,yarn 2023. 11. 21. 10:55

  어제 작업하다가 맥북 업데이트 하면서 흐름이 끊기면서 나머지 작업은 내일하자고 하고 업무를 종료하였다. 오늘 아침에 일어나서 디자인팀이랑 협의하려고 storybook을 실행하려고 했더니 아무것도 안된다. yarn storybook만 안되는줄 알고 퇴근전에 내가 뭘 건들였나 하면서 git local history 까지 뒤져가면서 한참 헤맷다.. 알고 보니 yarn --version도 안되고 yarn으로 실행하는 명령들은 모두 SyntaxError가 발생하고 있었다. yarn berry 로 설정된 프로젝트 바깥에서 실행하면 문제가 없다. 문제는 yarn berry 관련된거다! yarn berry를 모두 재설치 해볼까 하다가 나중에라도 똑같은 문제가 발생할거 같아서 문제 파악에 들어갔다. 구글링 해도 Synt..

  Read More
• yarn berry 도입 (yarn 1 -> yarn 2+)

  Language/npm,yarn 2023. 11. 16. 14:03

  필자는 react + storybook + chromatic + typescript + scss + rollup 등으로 구성되어 있고 라이브러리를 npm까지 올리는 디자인시스템 프로젝트를 yarn berry로 변경해 보았다. yarn 버전 우선순위 순위 1 작업 디렉토리에 .yarnrc.yml 있을경우 ({project}/.yarnrc.yml 2 global yarnrc.yml yarn 버전 변경 (참조) yarn set version berry yarn set version classic yarn berry 버전으로 변경 1.1. 기존 의존성 제거 $ rm -rf node_modules $ rm -rf yarn.lock 2.2. yarn berry 변경 $ yarn set version berry 2...

  Read More
• 8. React 프로젝트 생성

  Project/React+Java 2022. 8. 10. 19:56

  https://github.com/dchkang83/project-board GitHub - dchkang83/project-board Contribute to dchkang83/project-board development by creating an account on GitHub. github.com https://dchkang83.tistory.com/32 React - 프로젝트 생성 1. React 프로젝트 생성 및 실행 # npx cash 날리기 $ npx clear-npx-cache # create-react-app 설치 $ npm config set prefix /usr/local $ sudo npm install -g create-react-app # front-end 프로젝트 생성 $ n..

  Read More
• React/material-ui

  Language/React 2022. 8. 2. 16:01

  1. material-ui $ yarn add @mui/material @emotion/react @emotion/styled $ yarn add @mui/icons-material $ yarn add @emotion/css (추가??) 2. 주요소스 정리 - SignIn.js import React from 'react'; import Avatar from '@mui/material/Avatar'; import Button from '@mui/material/Button'; import CssBaseline from '@mui/material/CssBaseline'; import TextField from '@mui/material/TextField'; import FormControlLabel fro..

  Read More
• React/프로젝트 생성

  Language/React 2022. 8. 2. 14:40

  1. React 프로젝트 생성 및 실행 # npx cash 날리기 $ npx clear-npx-cache # create-react-app 설치 $ npm config set prefix /usr/local $ sudo npm install -g create-react-app # front-end 프로젝트 생성 $ npx create-react-app front-end-js $ cd front-end-js # 시작 $ yarn start $ ONLY_DEV=true BROWSER=none yarn start 2. 확인

  Read More