JS2 CSS로 HTML / JS 돌아가는 로딩 UI 만들기 ( 로딩창 만들기 / React.js / Next.js 등 ... ) 안녕하세요 이런 식으로 동글동글 돌아가는 UI가 필요한 경우가 많은데 오늘은 이걸 만들어보도록 하겠습니다 우선 이런 식으로 베이스 코드를 작성해주시고 같은 경로에 main.css / main.js를 만들어줍니다 사실 css만 있으면 되고 js는 딱히 필요한 건 아닙니다 여튼 처음 html을 생성하고 로드하면 위와 같은 화면이 뜹니다 여기서 loader는 inline 요소인 span태그로 만들어졌고 아무런 값도 가지고 있지 않습니다 일단 우선 button 태그를 가운데에 정렬해보죠 그리고 배경도 깔끔하게 베이지 색으로 적용해보겠습니다 body { background-color: beige; min-height: 100vh; display: flex; justify-content: center; align-.. 2024. 3. 16. 인공지능에게 대신 코드 짜 달라고 해보았습니다 ★ 안녕하세요 오늘은 인공지능( Chat GPT )에게 코드를 빌드해달라고 했습니다 자 미리 말하자면 제 결론은 인간시대의 종말이 도래했습니다!! 가 아니라요... 음.. 똑똑한데 여러 의미가 붙는다고 해야 하나... 이걸 이상하다고 해야 하나...? 그 경계에 있는거 같아요 조금 특이한 점은 개떡같이 문법 다 집어 치고 말해도 어느 정도는 알아먹는다? 정도일까요?? 물어보기 자 그러면 인공지능에게 물어봐야겠죠? 저는 크게 몇 가지 질문을 하려고 하는데 코드를 대신 짜달라고 할거에요 솔직히 Copilot 이나 RDNA ? 같은 AI 코더 서비스도 사용 해 봤는데 이렇게 바로바로 짜 주는 프로그램이라니..! 프로그래밍의 미래가 바뀔 수도... Q. 자 JS와 helmet 패키지를 이용해서 보안 처리가 된 in.. 2023. 1. 10. 이전 1 다음
