AI사용하면 CSS가 골치네요
이래저래 수정하다보니까 CSS가 엄청나게 꼬이나봅니다...
혹시 이 부분 따로 팁이 있을까요 ㅠㅠ CSS너무싫엉
혹시 이 부분 따로 팁이 있을까요 ㅠㅠ CSS너무싫엉
총 5명이 반응했습니다
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 16개
전 계속 첨부터 다시하라고 합니다.. 새로짜라고. 이건아니라고..하면서요
2. 분노단계로 욕을 시전합니다
3. 아 욕도 부족합니다. 지상에 존재하는 온갖 무기로 협박합니다.
4. 다시 달래고 칭찬을 합니다.
5. 새로 짜라고 이건 아니라고
6. 분노단계로 욕을 시전합니다.
7. 아 욕도 부족합니다. 지상에 존재하는 온갖 무기로 협박합니다.
무한루프중
SASS 로 관리하거나, 그냥 frontend 는 react + vite 기반으로 분리합니다. 이러면 컴포넌트 기반으로 웹 ui 들이 관리되어서 css 가 컴포넌트와 셋트로 관리되어서 global css 가 페이지별로 겹쳐서 동작하는 상황은 줄어듭니다.
css2/3 기반으로 css 파일을 단일로 생성하면 한 파일에 용량이 증가하여 토큰이 늘어나게 되고, 늘어난 토큰이 환각으로 이어집니다.
단일 파일 사이즈가 커지지 않고, 문맥에 정확한 코드가 반영되도록 분리하고 관리되도록 구조를 설계해야 합니다.
만약 이게 어려운 상황이라면, lsp + lint 를 기반으로 최소한 구조 검증과 문법 검증을 하도록 강제(하네스) 하는게 좋습니다.
하네스 설정이 귀찮거나 불편하다면, 이미 lsp + lint 가 포함된 에이전트를 사용하시면 됩니다.
요즘 유행하는 가재코드나 omc, omx 등이 lsp 를 기본으로 쓸겁니다.
lsp 는 설치가 되어야 동작함으로 초기 설정시 불편할수 있으나, 한번 설정되면 본문에 있던 css 문제를 확연하게 줄여줄겁니다.
AI에 지시해서 만들어 달라고하면 처음에 잘 만들어줍니다
수정하려면 복잡해집니다.
그래서 수정을 포기하고 그대로 사용하다보면 AI스타일이 느껴집니다.
버튼, 이모지, radius, 그라데이션등 ai의 도움을 받아서 만들었거나 ai로 만든것을 그대로 사용하였구나 하는것을 느낄 수 있습니다.
지금은 누구나 ai를 사용해서 홈페이지를 만드는것이 가능하니까 ai느낌이 너무나면 정성없이 홈페이지를 만들었구나 하는 오해도 받을것 같습니다
저는 css를 직접 하드코딩으로 만들어 사용하고있습니다.
사이트전체에 사용하는것은 total_common.css, 폴더에만 공통으로 사용하는것은 folder_name.css 그리고 개별파일에만 사용하는 css는 개별파일.css로 3단계로 만들어 사용합니다.
CSS는 명령에서 제외합니다.
나중에 한번에 처리
VSCode에서는 해당 CSS가 몇번 사용되는지도 다 카운트 되서 나와서, 쓸데없는건 과감히 지우셔도 됩니다.
와~ VSCode 짱이네요.ㅎ 그런기능도 있군요.
전 아직 에디터+++++ㅎㅎ
AI에게 특히 딥시크에게 css는 쥐약입니다.
중간 중간 팔아먹어요~
그리고 CSS를 다시 만들때는 반드시 새로운 채팅 버튼 누르고 하셔야
진짜로 처음부터 분석하고 다시 작성합니다.
하던 채팅창에 대고 다시라고 외쳐봤자 그놈은 알고 있어서 안되요.ㅎㅎ
접두어로 해결하세요.
예를들어 글로벌css 면 glo_
보드 전용 css면 boa_
최신글스킨전용이면 lat_
이렇게 접두어만 써도 어느정도 암은 치유되실건데..
이넘을 코드 노예로 잘 사용할려면 코드 수정 공식을 잘 전달해 줘야합니다. 수정, 신규 모두..
( 사실 ai 사용자가 개발지식이 많을수록 유리하겟죠.. 주인이 되야하니)