티

AI사용하면 CSS가 골치네요

· 2026-06-20 (토) 16:43:59 · 992 · 16
이래저래 수정하다보니까 CSS가 엄청나게 꼬이나봅니다...
혹시 이 부분 따로 팁이 있을까요 ㅠㅠ CSS너무싫엉
총 5명이 반응했습니다
|

댓글 16개

전 계속 첨부터 다시하라고 합니다.. 새로짜라고. 이건아니라고..하면서요

2026-06-21 (일) 04:57:30
1. 새로짜라고 이건 아니라고
2. 분노단계로 욕을 시전합니다
3. 아 욕도 부족합니다. 지상에 존재하는 온갖 무기로 협박합니다.
4. 다시 달래고 칭찬을 합니다.
5. 새로 짜라고 이건 아니라고
6. 분노단계로 욕을 시전합니다.
7. 아 욕도 부족합니다. 지상에 존재하는 온갖 무기로 협박합니다.
무한루프중
ㅋㅋㅋㅋ..맞습니다 결국엔 css가 잘못된줄알았는데 php문제였었네요. 항상 이 루프입니다

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단계로 만들어 사용합니다.

파이팅~
모호한 표현이 꼬이게 하더라구요. 즐거운 시간 되세요.
2026-06-20 (토) 22:57:11

CSS는 명령에서 제외합니다.

나중에 한번에 처리

2026-06-21 (일) 09:08:53
도구(ai)로 수정하다보면 CSS가 엄청나게 꼬이나 보군요.
admin.css + 각 페이지별 caa 를 번호로 구분하여, admin.css 에서 호출합니다.이러면 관리가 쉽고 잘 꼬이지 않습니다.
저도 CSS 꼬이는 문제는 없었습니다. 
VSCode에서는 해당 CSS가 몇번 사용되는지도 다 카운트 되서 나와서, 쓸데없는건 과감히 지우셔도 됩니다.

와~ VSCode 짱이네요.ㅎ 그런기능도 있군요.

전 아직 에디터+++++ㅎㅎ

AI에게 특히 딥시크에게 css는 쥐약입니다.

중간 중간 팔아먹어요~

그리고 CSS를 다시 만들때는 반드시 새로운 채팅 버튼 누르고 하셔야

진짜로 처음부터 분석하고 다시 작성합니다.

하던 채팅창에 대고 다시라고 외쳐봤자 그놈은 알고 있어서 안되요.ㅎㅎ

기존것 건드리지말고 수정된 부분은 추가로 해서작업해달라고 하면 꼬이지 않던데요, 나중에 css 안꼬이게 체크 잘해서 정리해달라고 명령하면 되서요.
2026-06-22 (월) 00:17:31

접두어로 해결하세요.

예를들어 글로벌css 면 glo_

보드 전용 css면 boa_

최신글스킨전용이면  lat_

 

이렇게 접두어만 써도 어느정도 암은 치유되실건데..

원본 및 수정본 css에 대한 초반 리뷰를 정확히 전달을 해줘야겠죠.. 그래야 알아먹지. 아니면 지맘대로 합니다..
이넘을 코드 노예로 잘 사용할려면 코드 수정 공식을 잘 전달해 줘야합니다. 수정, 신규 모두..
( 사실 ai 사용자가 개발지식이 많을수록 유리하겟죠.. 주인이 되야하니)
 
댓글을 작성하시려면 로그인이 필요합니다.

자유게시판

202,997건
+
제목 글쓴이 날짜 조회
06-24 조회 377
06-24 조회 265
06-24 조회 396
06-24 조회 351
06-24 조회 221
06-24 조회 275
06-24 조회 202
06-24 조회 220
06-24 조회 298
06-23 조회 254
06-23 조회 329
06-23 조회 564
06-23 조회 391
06-22 조회 326
06-22 조회 300
06-21 조회 350
06-21 조회 595
06-20 조회 993
06-20 조회 326
06-20 조회 300