개발하자

안녕하세요 리액트 + 타입스트립트를 이제 막 공부하기 시작했습니다. 항상 자바스크립트만 사용하다가 타입스크립트를 사용하려니 너무 헷갈리네요... 하지만 차근차근 공부하면서 블로그에 정리해 보려합니다. 아이콘과 버튼은 instructure UI에서 가져와 사용했습니다. Instructure UI instructure.design 예시 import {useState} from 'react' import './App.css' import MyButton from './component/MyButton' // instructure/ui import import {Button, IconCheckSolid, Spinner} from "@instructure/ui"; function App() { const [che..

안녕하세요 리액트 + 타입스트립트를 이제 막 공부하기 시작했습니다. 항상 자바스크립트만 사용하다가 타입스크립트를 사용하려니 너무 헷갈리네요... 하지만 차근차근 공부하면서 블로그에 정리해 보려합니다. 아이콘과 버튼은 instructure UI에서 가져와 사용했습니다. Instructure UI instructure.design 1. test.txs test.txs component를 만들어 Test() 함수에 버튼을 생성하여 표출하였습니다. import {useState} from 'react' /* instructure ui import */ import {Button, IconCheckSolid, Spinner} from "@instructure/ui"; function Test() { /* chec..

안녕하세요. 오늘은 로딩화면 만들기 입니다. 웹 페이지를 만들었을 때 로딩이 느린경우가 있는데요 화면상 아무것도 표시를 안해주면 실행중인건지 멈춘건지 알 수 없어요. 파라미터로 값을 넘길때나 FORM으로 이동 또는 AJAX를 사용할때 로딩화면 표출해주면 좋을 것 같아요 Result에 로딩 버튼을 눌러보면 로딩화면이 보이는 것을 알 수 있습니다. 샘플로 만드느라 버튼을 눌렀을때 로딩이 걸리고, 1초뒤에 로딩이 풀리게 구현하였고, 실제 웹페이지에 적용할 때 레이아웃에 적용해주면 모든 페이지에 사용가능합니다. 공부하면서 유용했던 부분 메모겸 공유하고자 끄적입니다. 고쳐야하는 부분있다면 댓글 남겨주시면 수정하겠습니다. 행복한 하루 보내세요 (❁´◡`❁)

안녕하세요 react 공부 2일차입니다. 1일차에서는 node.js 설치, npm 설치, git 연동, tailwindCss 연동을 하고 간단한 테스트를 했었습니다. 오늘은 모든 라이브러리들, 모듈 등 구축되어 있는 환경에서 intelliJ로 간단한 설명을 적어보려 합니다. 구축하는 방법은 아래 링크를 통하여 자세한 방법 확인할 수 있습니다. [NODE] intelliJ + node + git 실행환경 구축 안녕하세요 오늘은 mac에서 git 연결 + node npm + vite + tailWindCss 구축하고 intelliJ로 로컬 실행을 해보려고 합니다. git 설정 1. git Repository 생성 Repository를 구축하면 연결 시 필요한 url를 얻게 됩니다. hayleyun.tisto..