오래간만에 웹앱이 아닌 웹
웹페이지 웹사이트 사실 저는 동적 웹사이트 보다 포트폴리오, 랜딩페이지 같은 정적 웹페이지가 더 잘 안 됐습니다
그림을 잘 못 그려서요 글씨도 잘 못 씁니다 게을러서 글도 대충 쓰고 맙니다
몇년간 만든 작업들 리스트 던져주고 클로드한테 포트폴리오 웹페이지 한번 만들어 봐 시키고 피드백 십여차례로 다듬었습니다
svelte kit 처음 깔아서 써봤어요.
js ts 문법 잘 모릅니다. css 그냥 모릅니다 알긴 아는데 모릅니다.
tailwind css? 이건 UI템플릿이 아니라 그냥 css 편하게 하는 도구더군요. react에서 많이 쓴다고 하던데 vue, svelte에서도 다 쓸 수 있다고 하네요
무거운 UI 프레임워크보다는 어차피 AI한테 다 시킬것 같으면 가벼운 tailwind나 materialize 같은 css 프레임워크 정도면 괜찮겠네요
웹디자인 처음에는 마음에 드는 웹페이지 던져주고 비슷하게 해달라거나 템플릿 사이트 가서 설치해본다거나 했죠
그러다가 그냥 AI한테 젠스타일로 올드하지 않게 미래지향적으로 등등 주문해서 3~4번쯤 바꾸니 얼추 원하는 스타일이 나왔습니다
작업 카드 디테일, 이메일 텍스트 노출 안 시키고 canvas로 그리는것 클릭하면 clipboard에 copy 되는것 등 세부적인것도 하나하나 대화로 수정해 나갔습니다
포트폴리오(라기 보다 그냥 토이플젝 리스트) 는 텍스트 파일로 던져주니까 알아서 카테고리 분류하고 알아서 카드 포멧 리스팅 까지 다 만들어 주네요
반응형 웹 그런건 기본이겠지요
이 정도로 웹페이지의 분위기 스타일도 다 쉽게 만드네요. 색상 구도 소품 svg canvas 다 알아서 하고요.
그리고 svelte 웹은 130kb 정도로 매우 가볍고 빠르네요
flutter web 2~3mb
unity6 webGL 20~30mb
프론트 svelte kit으로 빌드하고 백엔드는 node 대신에 go gin으로 하면 대역폭이나 CPU 적게 잡아먹고 좋을것 같습니다
