Adventure Time - Jake bogyoi's Dev note
본문 바로가기

전체 글90

[yarn] npm error | redux, redux-actions, redux-devtools-extension,redux-actions, .. redux 설치 오류 | yarn 설치 redux, react-redux, redux-devtools-extension, 그리고 redux-actions를 설치해야하는데 평소처럼 npm install로 설치를 하니, 잘 설치가 되는 것도 있었지만 오류가 나는 것도 있었다. 그래서 npm 으로 설치하는게 아니라 yarn으로 설치하기로 했다. 다음 명령어를 실행하면 우리가 사용하는 시스템에 전역적으로 설치해 다양한 프로젝트에서 yarn 사용이 가능하다. npm install --global yarn npm install -g yarn 라고 명령어를 실행해보니 changed 1 package in 1s 라는 문장이 떴기에 설치가 잘 되었나보다 생각을 했지만 yarn --version을 해봐도 'yarn'은(는) 내부 또는 외부 명령, 실행할 수 있.. 2024. 3. 12.
[React] 리액트 라우터 설치 및 사용 | A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes> | useRoutes() may be used only in the context of a <Router> component 오.. 웹 애플리케이션에서, 웹 서버와 웹 브라우저가 여러 HTML 파일을 주고받는 방식을 MPA(multi page application) 라우팅이 웹 브라우저에서만 일어나는 웹 방식을 SPA (single page application) 간단히 말해 MPA는 여러개의 페이지, SPA는 단일 페이지로 구성된 애플리케이션이라 볼 수 있습니다. 그리고 리액트의 라우터가 바로 SPA 방식을 사용합니다. 🧵SPA의 동작 방식 1. 사용자가 서버에 접속하게되면, 다양한 컴포넌트들로 구성된 하나의 HTML 파일을 웹브라우저에 전송합니다. 2. HTML 파일은 애플리케이션의 기본적인 레이아웃과 초기 데이터를 정의합니다. 3. 이 HTML파일에 포함된 JavaScript 코드가 동작하여 사용자와의 상호작용을 처리하고, 필요.. 2024. 3. 5.
[React] 컴포넌트(함수형, 클래스형) | Hooks | State, Lifecycle Methods 컴포넌트란? 컴포넌트는 리액트 애플리케이션의 구성 요소입니다. UI를 작은 독립적인 부분으로 나누어 관리할 수 있게 해줍니다. 각 컴포넌트는 자체적인 라이프 사이클을 가지며, 독립적이며 재사용성을 향상시킬 수 있죠. 컴포넌트에는 클래스형 컴포넌트와 함수형 컴포넌트가 있는데 이에 관해 정리해보도록 하겠습니다. -클래스형 컴포넌트 클래스형 컴포넌트는 더 복잡한 로직이나 상태 관리가 필요한 경우 사용됩니다. 클래스형 컴포넌트는 라이프 사이클 기능( 컴포넌트가 생성되고 제거되는 시점에 호출하여 코드를 실행할 수 있습니다. )과 state 기능을 사용할 수 있습니다. ( state는 컴포넌트의 내부 상태를 관리하기 위해 사용됩니다. 컴포넌트가 렌더링될 때 변경될 수 있는 데이터를 저장하고 관리합니다.) 물론 리액.. 2024. 2. 29.
[MySQL] 데이터 형식(숫자,문자,날짜,시간,기타) | 피벗(Pivot) | JSON 데이터 * 이것이 MySQL이다 를 참고했습니다. 1. 숫자 데이터 형식 데이터 형식 바이트 수 숫자 범위 설명 BIT(N) N/8 1~64bit를 표현. b'000'형식으로 표현 TINYINT 1 -128~127 정수 ★ SMALLINT 2 -32,768~32,767 정수 MEDIUMINT 3 -8,388,608~8,388,607 정수 ★ INT INTEGER 4 약-21억~+21억 정수 ★ BIGINT 8 약 -900경~ +900경 정수 FLOAT 4 -3.40E+38~ -1.17E-38 소수점 아래 7자리까지 표현 DOUBLE REAL 8 -1.22E-308~ 1.79E+308 소수점 아래 15자리까지 표현 ★ DECIMAL(m,[d]) NUMERIC(m, [d]) 5~17 -10^38 +1 ~ +10^3.. 2024. 2. 25.
[MySQL] MySQL 오류 해결 방법(Error while loading image / Could not acquire management access for administration) error while loading image 에러 .. 그리고 매개 변수가 잘못 되었다는 메시지가 뒤이어 나왔다. 혹시 포트때문일까 해서 taskkill로 죽여봤는데 마찬가지였다. 그래서 재설치를 하니 위의 에러가 더이상 나지 않았다. 재설치라고 하면 겁부터 나는데 ..^^ workbench만 다시 설치해주면 돼서 의외로 간단하다. 재설치방법) 설정>앱및기능에서 MYSQL Workbench 8.0 CE를 찾아 수정 ! next하고 Repair 체크한 후 next, install 하면 된다. 그렇게 다시 워크벤치에 들어가보면 해당 오류가 발생하지 않는다 ! 그렇게 해결이 되나했으나,, Could not acquire management access for administration 이라는 또 다른 오류가.. 2024. 2. 6.
[TypeScript] 인터페이스와 타입 앨리어스의 개념 | 인터페이스(interface)와 타입 앨리어스(type alias)의 차이 1. 인터페이스 (interface) 인터페이스(Interface)는 TypeScript에서 사용되는 중요한 개념으로, 객체의 구조를 정의하기 위한 것입니다. 주로 객체의 속성들의 타입과 메서드의 형태를 정의하는 데에 사용됩니다. 인터페이스를 사용함으로써 코드의 가독성을 높이고 유지보수를 쉽게 할 수 있습니다. - 주로 객체의 구조를 정의할 때 사용됩니다. - 객체의 속성 이름과 그에 상응하는 타입을 지정합니다. - 여러가지 타입을 갖는 프로퍼티로 이루어진 새로운 타입을 정의하는 것과 유사합니다. - 인터페이스는 확장(extends)이 가능합니다. - 구조적인 타입 검사(structural typing)를 수행하며 변수, 함수, 클래스에 사용할 수 있습니다. - 클래스에서 구현(implement)될 수 .. 2024. 2. 4.

티스토리툴바