개발하자

안녕하세요 리액트 + 타입스트립트를 이제 막 공부하기 시작했습니다. 항상 자바스크립트만 사용하다가 타입스크립트를 사용하려니 너무 헷갈리네요... 하지만 차근차근 공부하면서 블로그에 정리해 보려합니다. 아이콘과 버튼은 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..

안녕하세요. 오늘은 병행 프로세스와 상호 배제에 대해 요점 정리 했습니다. 병행 프로세스와 상호 배제 1. 병행 프로세스(Concurrent Process) 두 개 이상의 프로세스들이 동시에 존재하며 실행 상태에 있는 것을 의미 한정된 컴퓨터 하드웨어나 자원을 공유하고, 동시에 작업을 수행하기 위해 사용하는 개념 2. 임계 구역(Critical Section) 다중 프로그래밍 운영체제에서 여러개의 프로세스가 공유하는 데이터 및 자원에 대하여 어느 한 시점에서는 하나의 프로세스만 자원 또는 데이터를 사용하도록 지정된 공유 자원(영역)을 의미 임계 구역에는 하나의 프로세스만 접근할 수 있으며, 해당 프로세스가 자원을 반납한 후에만 다른 프로세스가 자원이나 데이터를 사용할 수 있음 임계 구역의 문제를 해결하기..

안녕하세요 리액트 + 타입스트립트를 이제 막 공부하기 시작했습니다. 항상 자바스크립트만 사용하다가 타입스크립트를 사용하려니 너무 헷갈리네요... 하지만 차근차근 공부하면서 블로그에 정리해 보려합니다. 아이콘과 버튼은 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초뒤에 로딩이 풀리게 구현하였고, 실제 웹페이지에 적용할 때 레이아웃에 적용해주면 모든 페이지에 사용가능합니다. 공부하면서 유용했던 부분 메모겸 공유하고자 끄적입니다. 고쳐야하는 부분있다면 댓글 남겨주시면 수정하겠습니다. 행복한 하루 보내세요 (❁´◡`❁)