본문 바로가기

만족스러운 개발38

VSCode lint 메시지를 인라인으로 보는 방법 (Error Lens) 강의를 듣다가 lint 에러 메시지가 라인에 바로 뜨는 걸 보고 직관적으로 편하다고 생각해서방법을 찾다가 구글링에는 딱히 안나와서 클로드라는 인공지능한테 물어보니까 알려줘서방법 공유해요!  VSCODE 익스텐선* Error Lens를 설치하시면 됩니다! 혹시 나만 몰랐던 것인가...? 2024. 10. 23.
2022년에 취업한 비전공자 개발자 근황 2021년 치과 업계에서는 제일 큰 회사를 그만두고 1년 동안 독학으로 개발을 공부해서2022년 6월에 프론트엔드 리액트 개발자로 첫 취직을 했다. 처음 회사는 SI 회사였는데 LG 가전 앱 ThinqApp 내부에 들어가는 웹뷰를 개발하는 업무였다.아무래도 SI 회사는 인건비로 먹고 살기 때문에 나처럼 비전공자인 나이많은 신입들을 뽑아서경력을 뻥튀기해서 견적을 받고 신입들을 투입시키고 신경을 쓰지 않는다.다른 회사의 경력이 있는 사람들이기 때문에 책임감 하나로 어떻게는 야근을 해서라도 꾸역꾸역일정을 지켜나가고 결국 배포하고 마무리까지 했다.지금 생각해보면 너무하다는 생각이 든다. 연봉도 2600밖에 주지 않았다. 그렇게 1년을 경험하고 SI 보다는 자체 회사에서 개발을 하고 싶다는 생각에 이력서를 열어두.. 2024. 9. 26.
vite로 빌드 시에 에러 Error: Cannot find module @rollup/rollup-linux-x64-gnu. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try `npm i` again after removing both package-lock.json and node_modules directory. 요즘 CRA보다는 vite로 프로젝트를 구성한다고 해서 CRA -> vite로 마이그레이션을 진행했다.config파일까지 다 수정하고 젠킨스에서 빌드를 하는데 Error: Cannot find module @rollup/rollup-linux-x64-gnu. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try `npm i` again after removing both package-lock.json and node_modules directory. 이런 에러가 발생하면서 빌드에 실패했다.에러 문구에 나와있는대로 서버에 있는 node_modules와 package-lock.jso.. 2024. 7. 8.
tailwindcss intellisense color hex로 보기 tailwind를 사용하면서 확장프로그램인 tailwindcss intellisense에서 color를 미리 보여주는 기능이 있다.근데 color format을 rgba로 보여주기 때문에 불편하다고 생각해서 구글 검색결과 hex로 변경해서 보여주는 방법이 있어서 공유해보려고 한다.  문제점// tailwind.config.jsmodule.exports = { content: ['./src/**/*.{js,ts,jsx,tsx}'], theme: { colors: { mainColor: { light: '#3D4975', DEFAULT: '#1C2035', }, ...config파일에서 hex형식으로 지정을 해주어도 클래스명에 호버를 했을 때 미리.. 2024. 5. 13.

티스토리툴바