본문 바로가기

전체 글

 (265)
[Git] Sourcetree 소스트리 (오류가 나면서 완료됨) push, pull..오류 해결 source tree 로 깃허브에 push하는 작업 도중 오류가 발생 (VS CODE 에서 git bash로 진행시에도 push는 잘되었지만 소스트리에서만 안되는 상황) git -c diff....=false... remote: Write access to repository not granted. fatal: unable to access 'https://github.com/...': The requested URL returned error: 403 Pushing to https://github.com/... ..오류가 나면서 완료됨 저번부터 계속 오류가 나고 commit 은 되었지만 pull, push가 안됨 >>Github가 21년 8월 13일부로 더이상 패스워드 방식의 인증을 지원하지 않게 됨에..
[React] 서버에 데이터요청하기(express/ axios) [유튜브 강의 참고 정리] 라매개발자 기본제공 fetch 라이브러리 axios (블로그는 이것 사용) server가 없을때 임시로 만들기=>express 라이브러리 이용 1. 설치 npm i express https://www.npmjs.com/package/express express Fast, unopinionated, minimalist web framework. Latest version: 4.18.2, last published: 4 months ago. Start using express in your project by running `npm i express`. There are 67927 other projects in the npm registry using express. www.np..
[TS] Type Script 란? Type Script 타입스크립트는 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어이다. 마이크로소프트에서 개발, 유지하고 있으며 엄격한 문법을 지원한다. 클라이언트 사이드와 서버 사이드를 위한 개발에 사용할 수 있다. 타입스크립트는 자바스크립트 엔진을 사용하면서 커다란 애플리케이션을 개발할 수 있게 설계된 언어이다.자바스크립트의 슈퍼셋이기 때문에 자바스크립트로 작성된 프로그램이 타입스크립트 프로그램으로도 동작한다. 타입스크립트에서 자신이 원하는 타입을 정의하고 프로그래밍을 하면 자바스크립트로 컴파일되어 실행할 수 있다. 타입스크립트는 모든 운영 체제, 모든 브라우저, 모든 호스트에서 사용 가능한 오픈 소스이다. 자바스크립트의 모든 단점을 보완해 만든 언어 (JS의 확장버전) 동적인 자바스크립트 언어에 ..
[React] ReactDOM.render 오류 :ReactDOM.render is no longer supported in React 18.. 오류: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. 현재 리액트를 사용하면 콘솔창에 "경고: ReactDOM.render는 React 18에서 더 이상 지원되지 않습니다. 대신 createRoot를 사용하세요. 새 API로 전환할 때까지 앱은 React 17을 실행하는 것처럼 작동합니다. 원인: CRA 를 통해 만들지 않아 index.jsx 코드 작성시 잘못된 코드로 인해 root 설정에 오류가 있었다. ReactDOM.render를 리액트 v18부터 사용하지 않기 때..
[React] react-router-dom 버전 오류: export 'Routes' (imported as 'Routes') was not found in 'react-router-dom' CRA 를 통해 설치하지 않고 npm init -y 를 통해 프로젝트를 생성한 상황이다. 오류: React Route 가 제대로 되지 않아 화면 출력되지 않으며 다음과 같은 오류 발생 export 'Routes' (imported as 'Routes') was not found in 'react-router-dom' (possible exports: BrowserRouter, HashRouter, Link, MemoryRouter, NavLink, Prompt, Redirect, Route, Router, StaticRouter, Switch, generatePath, matchPath, useHistory, useLocation, useParams, useRouteMatch, withRouter) 원인..
[Redux] Redux Toolkit(React) : 상태관리 Redux Toolkit Redux Toolkit은 Redux를 더 사용하기 쉽게 만들기 위해 Redux에서 공식 제공하는 개발도구 https://ko.redux.js.org/tutorials/quick-start/ 설치 - 아래로 설치시 Redux-Toolkit 이 설치된 개발 환경이 만들어진다. npx create-react-app 프로젝트명 --template redux npx create-react-app 프로젝트명 --template redux 0. react, react-dom 설치 (사용하기 위한 설치) npm i react react-dom 1. react-redux , reduxjs/toolkit 설치 npm i react-redux @reduxjs/toolkit 적용시키기 사용할 파일에..
[React] Redux - 기본 개념 상태관리 라이브러리: Redux, Mobx, Recoil Redux 공식문서 https://redux.js.org/introduction/getting-started Getting Started with Redux | Redux Introduction > Getting Started: Resources to get started learning and using Redux redux.js.org actions : dispatch 보내기 실행 state: state 변경 view 는 state를 받아서 보여준다. store 에서 state 관리를 한다. dispatch를 통해서만 store를 업데이트 할 수 있다 selectors 는 state의 특정값을 꺼내오는 것이다. Initial stetup 초기값..
라이브러리 vs 프레임워크 차이점 Libraries 라이브러리 단순 활용가능한 도구들의 집합 / 좁은 문제를 해결하기 위한 작은 솔루션 단위 즉, 개발자가 만든 클래스에서 호출해서 사용 / 특정 기능을 모아둔 코드, 함수들의 집합으로 코드 작성시 활용 가능한 도구들을 의미 배우는 것이 상대적으로 적고 진입장벽이 낮다. ex) React 왜 React는 프레임워크가 아닌 라이브러리인가? React: UI 를 만들도록 도와준다.(뼈대를 만들어줌, 커뮤니티가 많아지고 발전해서 덧붙여 쓸 수 있는 라이브러리가 많다.) 네트워크 통신이 필요하면 패치나 네트워크 라이브러리를 사용하고, 라우팅이 필요하면 그에 맞는 Libary를 사용하는 등 필요할때마다 내가 원하는 것을 골라 사용할 수 있는 자율성이 보장된다. + ex) Python pip로 설치한..

티스토리툴바