본문 바로가기

개발/Elixir(엘릭서) 2

[Phoenix] Phoenix LiveView 간단 리뷰 들어가며 이번 글에서는 Phoenix LiveView(이하 라이브뷰)를 다뤄보면서 느꼈던 장단점을 리액트와 비교하면서 느낀 점을 적어보도록 하겠습니다. 리액트는 4년차, 라이브뷰는 이제 막 사용해 본 뉴비입장으로 쓴 글이니 참고 바랍니다. Phoenix LiveView란 Phoenix liveview의 공식 설명을 살펴보고 가겠습니다. Phoenix LiveView enables rich, real-time user experiences with server-rendered HTML. - https://github.com/phoenixframework/phoenix_live_view 풍부하고, 실시간의 유저 경험을 지원하는 서버에서 랜더링 된 HTML이라고 되어있습니다. 이것만 보면 그냥 html를 랜더.. 2023. 7. 23.
[Phoenix] 피닉스 프로젝트에 tailwind 자동완성 추가하기 들어가며 최근에 시작한 사이드프로젝트에서 엘릭서 +피닉스 + 라이브뷰를 조합하여 프로젝트를 진행해보기로 했습니다. 저는 그중에 tailwind css를 이용한 퍼블리싱을 맡게 되었는데요. 이번 글에서는 vsc상에서 tailwind css의 자동완성과 하이라이팅을 위한 셋팅법을 소개해드리고자 합니다. 여기에선 익스텐션 1개와 vsc의 setting.json에 추가할 값으로 원하는 목표를 달성해보겠습니다. 코드 하이라이팅 아직 여러가지를 써본것이 아니라 어떤것을 추천하기엔 어렵지만 가장 기본적인 익스텐션은 Phoenix Framework입니다. 설명란에도 친절하게 Syntax highlighting support for Phoenix templates. 라고 되어있습니다. Phoenix Framework -.. 2023. 7. 15.