Next JS2 Nextron ( Electron + Next.js ) 넥스트론 화면 생성 설정 변경하기 ( 리사이즈 변경 등 속성 ) 안녕하세요 넥스트론이라고 하는 것은 electron + Next.js의 통합 패키지로, 웹 개발의 미래라고 불리는 SSR을 통해 데스크탑 앱을 작성하고 실행하는 것에 관련된 프로그램입니다. RESTAPI와 REACT를 통해 직접 렌더할 수도 있으나, 저는 넥스트론이 편하더군요 https://github.com/saltyshiomix/nextron GitHub - saltyshiomix/nextron: ⚡ Next.js + Electron ⚡ ⚡ Next.js + Electron ⚡. Contribute to saltyshiomix/nextron development by creating an account on GitHub. github.com 넥스트론의 깃허브는 여기입니다 넥스트론을 사용하기 위해 설정.. 2024. 3. 27. 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. 이전 1 다음
