VSC 4 [Phoenix] 피닉스 프로젝트에 tailwind 자동완성 추가하기 들어가며 최근에 시작한 사이드프로젝트에서 엘릭서 +피닉스 + 라이브뷰를 조합하여 프로젝트를 진행해보기로 했습니다. 저는 그중에 tailwind css를 이용한 퍼블리싱을 맡게 되었는데요. 이번 글에서는 vsc상에서 tailwind css의 자동완성과 하이라이팅을 위한 셋팅법을 소개해드리고자 합니다. 여기에선 익스텐션 1개와 vsc의 setting.json에 추가할 값으로 원하는 목표를 달성해보겠습니다. 코드 하이라이팅 아직 여러가지를 써본것이 아니라 어떤것을 추천하기엔 어렵지만 가장 기본적인 익스텐션은 Phoenix Framework입니다. 설명란에도 친절하게 Syntax highlighting support for Phoenix templates. 라고 되어있습니다. Phoenix Framework -.. 2023. 7. 15. [VSCode] Prettier format on save 느려진 후기 들어가며 코드 컨벤션은 협업에 있어서 아주아주 중요합니다. 그러고 이런 컨벤션은 필연적으로 자동화가 되어야합니다. 그렇지 않고 사람의 수고가 개입되면, 수고스러움이 귀찮은 누군가각 컨벤션을 깨드리게 되며 그 이후에는 더욱 빠른 속도로 악화됩니다. ( 공유지의 비극 , repo는 공유지임으로 더욱 신경써야한다) 그래서 자동화를 위해 eslint와 prettier란 툴이 가장 많이 쓰입니다. 이번 글에선 그중에 prettier에 대한 간단한 설명과 함께 적용방법, 그리고 느려진 prettier의 원인을 찾아본 내용을 적어보겠습니다. Prettier 란? An opinionated code formatter - 코드 포멧터다 Supports many languages - 많은 언어를 지원한다. Integrat.. 2022. 1. 15. [VSCode] 같은 프로젝트에 여러 윈도우 띄우기(화면 분할, 탭찢기, 탭분할) 문제 해결 | 탭분할 생김 (2023년 10월)이제 아래 방법을 사용하지말고 drag and drop으로 하세요.단축키로 설정하시려면 해당 커멘트에 추가하시면 됩니다.업데이트 로그 Visual Studio Code October 2023Learn what is new in the Visual Studio Code October 2023 Release (1.84)code.visualstudio.comms형님들이 다른 ide의 위험에 개발좀 하시려고 하는듯? 문제 인식 | 탭분할이 없음다른 ide를 썼을 때 drag & drop으로 화면을 분할하는 기능은 당연히 제공하는 기능인줄 알았습니다. 제가 말하는 화면 분할 기능은 구글 브라우저의 탭을 나누는 것처럼 분할하는 것을 의미합니다.코드를 작성하다보면 .. 2021. 8. 3. [리액트] JavaScript heap out of memory, 스크립트로 해결하기 회사에서 기존의 레거시를 모두 버리고 새롭게 타입 스크립트 + 리액트로 옮겨가는 중이다. 그래서 기분 좋게 필요한 라이브러리를 모조리 설치하고 실행을 해보았는데, FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory ???? 뭐야 이거..에러 로그를 보아하니 heap size 때문에 문제가 발생했음을 알게 되었다. 기존까진 잘됬는데 내가 새로이 설치한 라이브러리들이 문제가 됐나 싶어 하나씩 설치-테스트를 반복하다가 plotly.js를 가져오는 순간 저 에러가 뜬다는 것을 알았다. 그리고 깨달았다. "아 이건 라이브러리 자체 문제이긴 보다는 다른 문제구나." "라이브러리가 .. 2021. 2. 3. 이전 1 다음
