CodeHoon

안녕하세요 상훈입니다.

Cursor AI의 Agent 모드를 사용하던 중 커맨드 자동 입력에서 정말 자주 "~200~" 가 발생해서 자꾸 다른 방식으로 명령어를 입력하게 되는 token 낭비가 있습니다.

bash 설정 자체를 바꿔서 복사-붙여넣기 시 prefix로 ~200~ 등이 붙지 않게 설정하는 방법입니다.

1. 현재 작성하고 있는 모드를 확인해주세요.

echo $TERM
xterm-256color

-> 만약 `xterm-256color` 라고 결과가 나왔다면, 여기에서 문제가 발생하는 것입니다. (붙여넣기 escape 시퀀스가 포함될 수 있음)
대충 syntax error라고 치부하고 살면 되지않을까요?

2. `$TERM ` 수정하기 [임시]

#xterm 을 수정합니다.
export TERM=xterm

#xterm 을 확인합니다.
echo $TERM
xterm

저는 이렇게만도 했을 때 되긴했는데, 아래 명령어도 추가로 써주세요!

bind 'set enable-bracketed-paste off'

3. [영구] bash 설정 자체를 수정하기.

저희(windows)의 pc 의 경로 `~/` 에는 `.bashrc` 파일이 존재합니다. (bash가 있다면)

이 bash의 기본설정을 추가 작성하도록 합니다.

cd ~
nano .bashrc

아래 내용을 파일 최하단에 복사-붙여넣기

#아래 내용을 파일 최하단에 복사-붙여넣기.
export TERM=xterm

if bind -v | grep 'enable-bracketed-paste' &>/dev/null; then
  bind 'set enable-bracketed-paste off'
fi

그 이후 bash 적용.

#변경한 bashrc 내용 적용하기
source ~/.bashrc

프로세스 끝! 이제 확인해보실까요.

끝

이제 복사&붙여넣기가 Cursor 에서 정상적으로 동작할 것 입니다!

이제 ~200~ 때문에 아까운 토큰 낭비는 없애고 사용하시죠!

vue.js 3, vue-cli 4.5.x 버전에서 tailwind css 를 설치하려고하는데 에러가 발생하였다.

지난 포스팅에서는 아직 tailwindcss가 vue3에 맞춰서 나오지 않았기에 에러가 났지만, 지금은 출시가 되었다.

그런데 에러라니!?

그래서 해결책을 찾아왔다.

core-js, vue, vue-cli 의 버전이 최신이 아니었기에 오류가 발생하였다.

그래서 각각 버전을 모두 최신화 하였고, 정상적으로 설치가 되었다.

최신화: core-js, vue, vue-cli

npm install --save core-js@^3
npm install vue@next
vue upgrade --next

아무래도 얼마전에 tailwind.css 가 최신화가 된만큼, node, core-js, vue 등의 버전도 가장 최신으로 올려야  알맞게 설치가 된다.

그리고 다시 tailwindcss 설치

npm install -D tailwindcss postcss autoprefixer

■ 결과 확인

가장 중요한 결과 확인 작업이 남았다. 기본 default css 설정 후, class를 입력해보았다.

해당 웹사이트 공유

에러 해결은 역시 stackoverflow