본문 바로가기

프론트엔드10

[개인프로젝트] Auto Coding (HTML/CSS/JS 프로젝트) (3) - 프로젝트 마무리(feat.최우수상) 프로젝트를 마무리 하며 쉽지 않았던 9일 23.08.29 ~ 23.09.06 🔗 https://github.com/HiImYong99/Auto-Generate-Code 9일간의 여정이 끝이 났다. 23.09.07 프로젝트 발표를 끝으로 첫 미니 프로젝트 기간이 끝이 났다. 소규모지만 프로젝트를 처음으로 끝맺음 단계 까지 밟게 되어 뿌듯하지만 나의 부족한 점을 많이 알 수 있었다. 다른분들의 프로젝트 발표를 볼 수 있었는데 배울점들이 많았다. 수익 파이프라인 고려 추후 고도화 작업을 생각한 개발 등등 사실 나는 생각도 못한 디테일들이였다. 단순히 과제를 위한 프로젝트가 아닌 실제 상용화된 서비스를 생각하며 개발한 디테일들이 나에게 있을 다음 프로젝트들 에게 큰영향을 끼쳤다. 어떤 점을 좋게 봐주셨는지 이번.. 2023. 9. 16.
[CSS] [TailWind] spinner가 너무 빨리 회전함 spinner가 너무 빨리 회전함 에러내용 tailwind의 animate-spin 속성을 이용하여 AI의 처리를 기다리는 동안 Spinner를 표시되게 하려함 처음에는 회전하지 않아 왜 그런가 했는데 다양한 디자인을 spin처리 해보니 회전하지 않는게 아니라 너무 빨리 회전하여 멈춘 것처럼 보인 거였음. 해결내용 tailwind 제대로 적용이 안 될 때 (일부만 적용) 지난번 tailwind가 제대로 적용이 안 될 때 CDN을 사용해서 tailwind를 설치하였음 이에 따라 이 에러도 해결됨 내가 생각한 이유 이러한 link가 head부분에 추가 되어있었다. 이 링크를 살펴보면 tailwind CSS 라이브러리 v2를 사용하는 것을 알 수 있었다. 현재 tailwind는 v3이며 버전 차이에 따라 에러.. 2023. 9. 7.
[CSS] [TailWind] TailWind 설치를 제대로 했는데 일부 적용이 안 될 때 TailWind 제대로 적용이 안 될 때 (일부만 적용) 에러내용 tailwind를 적용하려 하는데 일부 속성이 적용이 되지 않을때 ex) 테일윈드 다음과 같이 작성했을때 text 색상은 여전히 black값으로 text-color만 적용이 되지 않았음 해결방법 html에 CDN을 이용하여 스크립트 태크를 이용해서 Tailwind를 사용하였다. 내가 생각한 이유??(IDK) 분명 공식문서에 설명된 순서로 CLI를 이용해서 설치했는데 설치 과정에서 올바르게 설치되지 않았던 부분이 있던 것 같다. (확실X) 2023. 9. 7.
[CSS] [TailWind] header를 고정하고 싶은데 일부 main컨텐츠에 가려짐 header를 고정하고 싶은데 일부 main컨텐츠에 가려짐 에러내용 header 부분을 스크롤하면 따라오게 구현했는데 일부 컨텐츠에 가려짐 해결방법 header에 z-index속성을 줘서 앞에 오게함 수정후 내가 생각한 에러 이유 header의 fixed 속성과 겹쳤던 요소의 relative 속성 때문에 겹쳤던 것 같음 z-index 속성을 통해 우선순위?를 설정하자 2023. 9. 7.
728x90