프론트엔드 18 [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. [프론트엔드] 더 나은 웹 개발을 위한 가이드 - 고승원 이 책의 특징 매우 간결하고 핵심만을 요약한 책입니다. 책 제목 그대로 웹 개발을 위한 가이드문서이지, 모든 것을 다룬 내용이 아니기 때문입니다. 현재 빠르게 발전하고 복잡해져 가는 프론트엔드 환경에서 필요한 기초지식을 매우 다양하고 친절한 예시를 통해 설명하고 있습니다. 이 책의 저자 고승원씨라는 이름이 너무 익숙해서 찾아보니 내가 애독하는 책 "러닝 타입스크립트"의 번역자셨다. 아무튼 책 번역 수준도 매우 좋다고 느끼면서 읽고 있는데 기대할 만한 요소가 아닐까 싶다. 이 책의 특징 이 책은 퍼블리셔를 꿈꾸는 디자이너, 또는 주니어 프론트 개발자에게 선물해 주기 딱 좋은 책이다. 책 제목 그대로 웹 개발을 위한 가이드문서이기 때문이다. 복잡하고 빠르게 발전하는 프론트엔드 생태계에 좋은 기초를 다지기에는.. 2023. 7. 19. [개발회고] 23년 6월 회고 개발 이번달의 핵심 개발은 SEO와 유지보수라고 할 수 있겠다. 외주로 만들어진 홈페이지에 대한 유지보수가 시작되었다. 그리고 빠진 기능에 대한 리스트가 왔고.. 내가 이를 넘겨받아서 개발을 해야만 하는 상황이되었다. 우선적으로 수정해야할 기능은 SEO였는데, 기존에 만들어진 블로그에서 SEO를 글어와서 DB에 넣고 이를 새로운 사이트에 올리는 작업부터, 관리자가 임의로 설정한 SEO값을 적용하는 기능까지 SEO의 시작부터 끝을 달려봤다. 특히 Next.js에서 SEO를 위해 Next-seo라는 라이브러리를 사용하는데, 다이나믹한 SEO의 경우 동작하지 않아 이를 변경하는데 상당히 귀찮았다. next-seo의 경우 자바스크립트를 이용해 head의 meta를 건드리는 작업을 대신해주는 라이브러리인데, 카카.. 2023. 7. 1. [개발회고] 23년 5월 회고 개발 이번달의 중요 개발 크게 2가지라 볼 수 있겠다. 비디오-오디오 싱크를 하는 기능 플러터로 MVVM 패턴을 활용하여 앱 런칭하기 비디오-오디오 싱크를 하는 기능 유저가 올린 비디오와 오디오를 Edit할수 있는 웹기반 온라인 툴을 만들고 있다. (AI를 곁들인) 기존에는 Cli 기반으로 동작했던 모델을 브라우저상에서 돌리면 좋겠다는 목표를 가지고 개발을 진행했고 여차저차 시연일정을 맞출 수 있었고 가장 날 괴롭힌 것은 대용량 미디어 파일에 대한 처리였는데, 에디팅툴이기에 미디어파일을 브라우저에 올리고 사용했는데 이게 1시간이상짜리 비디오 1개와 오디오 N개가 들어갈 수 있는 구조다보니 브라우저의 OOM이 떴다. 개선 방법에 대한 블로그글은 따로 작성중이지만 이 기능을 위해 기존에 사용하던 오픈소스를 .. 2023. 5. 31. 이전 1 2 3 4 5 다음
