반응형 IT 톺아보기/기술 공부7 [React][Typescript] Dialog 기능 이용할 때 깜빡임 발생 해결 목차 개요 문제점 해결법 개요 이메일 회원가입 기능을 개발하면서 dialog를 이용하려다 보니 문제점이 하나 발생했다. 바로 한 글자를 칠 때 마다 깜박임이 발생하는 것이다. 혼자 해결하려고 했으나, 잘 되지 않아 커뮤니티에 질문을 하며 문제를 해결해나갔다. 문제점 Dialog 기능에서 email과 password를 useState를 통해 값을 받으니 자동으로 리렌더링이 발생하는 문제가 있었다. 코드는 아래와 같이 작성했다. import * as React from 'react'; import { useState } from 'react'; import { AppBar, Box, Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton,.. 2023. 6. 25. [Window] 사내망 등의 이유로 yarn 설치가 안되는 경우 목차 개요 문제 해결책 문제 yarn package install을 하는데 사내 프록시와 인증서로 인해 설치가 되지 않는 경우 Error 사내 망에서 yarn을 설치하는 경우 yarn install 을 실행하면 error An unexpected error occurred: "https://registry.yarnpkg.com/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz: self-signed certificate in certificate chain". info If you think this is a bug, please open a bug report with the inform.. 2023. 6. 16. [React][Typescript] Firebase console을 이용한 Login 기능 구현 목차 개요 Firebase Console 설정 Firebase protocol(?) Code Typescript Code Result 개요 현재 내가 만들어 놓은 페이지에 업데이트가 없는 것 같기도 하고, 회사에서 개발 호소인으로 사는 느낌이라 공부도 할 겸 이전에 적용한 Firebase를 이용해서 로그인 기능을 만들어 보기로 했다. Firebase를 이용하는 이유는 구글이나 깃허브를 이용한 로그인을 실행할 때, 계정 정보를 Firebase DB에 쉽게 저장할 수 있다고 판단되어 사용하게 되었다. Firebase Console 설정 먼저 firebase에 들어가서 프로젝트를 생성한다. 프로젝트에 접속해서 빌드 > Authentication을 클릭 Sign-In Method 탭에 들어가서 원하는 로그인 방.. 2023. 6. 16. Matlab Simulink hasChangedTo Local Parameter Error 해결법 목록 개요 hasChangedTo 에러 해결책 개요 Simulink를 업무에 사용하다 보니 Model을 구성하고 나서 시뮬레이션을 돌릴 때, 많은 에러들을 접할 수 있다. 그 중에서, Stateflow 내부에서 hasChangedTo(agr1, arg2)라는 연산자를 사용할 때 Local parameter를 인수로 사용할 때 발생하는 에러에 대해 정리 하려고 한다. hasChangedTo 우선, hasChangedTo(agr1, arg2)라는 연사자는 arg1의 변화가 감지되고 arg1이 arg2 값과 동일하게 되면, True를 return하고 아닌 경우에는 False를 return하는 연산자이다. 함수로 사용하는 경우, tf = hasChangedTo(data, value) 의 형태로 코드를 구성하고 .. 2023. 6. 1. Vue 공부 - 1 목차 목차 Vue란 핵심 기능 프로그레시브 Framework SFC(Single-File Component) API 스타일 option API Composition API Vue란 사용자 인터페이스를 구축하기 위한 Javascript 프레임워크 표준 HTML, CSS 및 JavaScript를 기반으로 구축된 컴포넌트 기반 프로그래밍 모델을 제공 핵심 기능 선언적 렌더링(Declarative Rendering): 표준 HTML을 템플릿 문법으로 확장하여 상태 기반으로 화면에 출력될 HTML을 선언적으로 작성가능 반응성(Reactivity): 상태(State) 변경을 추적하고, 변경 발생 시 DOM을 효율적으로 자동 업데이트 프로그레시브 Framework 빌드 과정 없이 정적 HTML에 적용 모든 페이지에 .. 2023. 3. 13. 작심삼일 JavaScript 정리 - 1 목차 JavaScript란? 변수와 상수 데이터 타입 연산자 조건문 switch/case 문 함수 화살표 함수 객체 반복문 for while for...of 배열 내장함수 이번 JavaScript 정리 공부가 작심삼일이 될 수 도 있지만 최대한 열심히 해보자는 의미에서 진행하는 정리 노트이다. JavaScript란? 웹 브라우저에서 사용하기 위해 만들어진 프로그래밍 언어 90년대부터 주로 웹 브라우저 상에서 UI를 동적으로 보여주기 위해 사용 현재에 이르러서는 웝 브라우저에 국한되지 않고 node.js runtime 같은 툴을 통해 서버에서도 사용 변수와 상수 변수를 선언할 때, 하나의 태그 같은 걸 앞에 써주는 데 이걸 동태 병수인지 상수인지 구분을 한다. 변수의 경우에는 예전부터 let a = 1; .. 2023. 3. 2. 퀵 정렬(Quick Sort) 정리 개요 다른 원소와의 비교만으로 정렬을 수행하는 비교 정렬 시간복잡도 평균적으로는 O(N logN)이고 최악의 경우에는 O(N^2)이다. 최악의 경우는 정렬하고자하는 배열이 오름차순 혹은 내림차순으로 되어있는 경우이다. 매 단계에서 적어도 1 개의 원소가 자기자리를 찾게 됨 때문에 일반적으로 다른 O(N logN) 알고리즘 비해 훨씬 빠르게 동작 공간복잡도 메모리 측면에서도 O(logN)만큼의 메모리 차지 이는 제귀적으로 호출하기 때문에 최악의 경우에는 O(N)의 공간 복잡도로 보임 알고리즘 분할 정복을 통해 리스트를 정렬 리스트 가운데 하나의 원소를 선택하고 이를 피벗(p)이라 부른다. 피벗 앞에는 피벗보다 값이 작은 모든 원소들이 오고, 피벗 뒤에는 피벗보다 큰 모든 원소들이 오도록 둘을 나눈다. 이렇.. 2023. 1. 27. 이전 1 다음 반응형
