본문 바로가기

분류 전체보기

 (179)
[#. ETC] modulo 연산 사이트, 약수 구하기 사이트, 확장된 유클리드 알고리즘 사이트 약수, 공약수 구하기 https://codepen.io/jjkeb/full/mReYoN 약수, 공약수 계산기 ... codepen.io modulo 연산 사이트 https://www.calculators.org/math/modulo.php Modulo Calculator JavaScript is turned off in your web browser. You need to turn it on to use our JavasSript-based calculators. Formats You may see modulo operations on numbers expressed as either of the following a modulo n a mod n (abbreviated version) Example M..
[#. React] React에서 token이 필요한 API 요청 시 header Authorization에 Bearer token 담아서 보내기 로그인 시 React에서 REST API로 데이터를 가져와서 Redux에 넣으려고 한다 가입했을 때 넣은 내 정보를 가져와야 하는데 내 token값을 header Authorization에 넣어서 Bearer에 token을 담아서 보내줘야 데이터를 가져올 수 있다 Bearer? 기본적인 의미는 정보의 신호 전달을 네트워크 단에서 손실 없이 있는 그대로 전달하는 서비스를 말한다 베어러 서비스가 종합 정보 통신망에서는 아래의 의미로 사용된다 즉, 종합정보통신망(ISDN, Integrated Service Digital Network)에 의해 제공되는 3가지 서비스 중 하나이며, 사용자망 인터페이스 상호 간에 정보(음성, 음향 데이터, 영상 등)를 실시간(real time)으로 내용의 변경 없이 전달하는 방법..
[#. React] React UI Framework ant design에서 Internationalization을 통해 한글 설정, 사용하기 React 프로젝트에서 UI 프레임워크로 ant design(antd)을 사용하고 있다 https://ant.design/ Ant Design - The world's second most popular React UI framework ant.design 그중 Form을 사용하면서 설정한 rule과 다른 내용이 input에 입력되면 경고 메시지를 띄우려고 한다 이런 식으로 '다시 입력해 주세요'라는 경고 메시지를 뜨게 하려고 하는데 영어로만 뜨고 한글은 뜨지 않는다 antd에서 한국어를 사용하려면 Internationalization 설정을 따로 해줘야 한다 ① 프로젝트 폴더/src/index.js import { ConfigProvider } from 'antd';// 추가 import koKR fr..
[#. React] React에서 Next.js를 써야 하는 이유, yarn/create-next-app으로 Next.js 시작하기 1 React 프로젝트는 CRA를 사용해 왔다 기본적으로 SPA(Single Page Application)로 CSR(Client Side Rendering) 방식인데, 사이트 규모가 커지게 되면 초기에 로딩 하게 되는 JS 파일의 크기가 늘어나 초기 로딩 시간이 늘어난다는 단점이 있다구글과 같은 크롤링 봇은 JS가 실행된 이후의 결과 값을 크롤링 하지만 모든 검색엔진의 크롤링 봇이 JS 스크립트를 지원하지 않기 때문에 SEO(검색 엔진 최적화) 관련 문제도 발생한다 그에 비해 SSR은 서버에서 렌더링을 끝나고 완성된 HTML 문서를 전송하기 때문에 SEO 최적화에는 도움이 된다 Next.js는 React의 SSR(Server Side Rendering)을 쉽게 구현할 수 있게 도와주는 간단한 프레임워크다 ..
[#.NPM] NPM vs YARN의 차이점을 알아보자 보통 package를 설치할 때 NPM을 주로 사용했다 하지만 NPM이 있는데도 YARN이 개발된 이유가 있지 않을까? NPM과 YARN의 차이점에 대해 알아보자 ① Parallel installation of packages, packages 병렬 설치 패키지가 설치되면 일련의 작업을 수행한다. NPM에서 여러 패키지를 설치할 때, 패키지가 완전히 설치 될 때까지 기다린 후 다른 패키지를 설치한다. 즉, 작업은 패키지별로 순차적으로 실행된다. 하지만 YARN은 이러한 작업을 병렬로 설치하므로 퍼포먼스와 속도가 증가한다. React를 설치했을 때, NPM과 YARN의 속도 차이는 이렇다 NPM — 3.572 seconds YARN — 1.44 seconds YARN이 현저하게 속도가 빠른 것을 알 수 있..
[#. Flutter] Flutter로 간단한 Todo List 만들기 아~주 간단한 Flutter Todo 리스트 예제를 진행해 보자 developer0809.tistory.com/124?category=967870 [#. flutter] Flutter로 Todo 앱 만들기, 설치 및 시작하기 1 Flutter로 앱을 만들어 보려고 한다 설치 및 초기 설정을 시작해 보자 (MacOS 기준) ① 설치 flutter.dev/docs/get-started/install Install Install Flutter and get started. Downloads available for Windows,.. developer0809.tistory.com 위 글을 기준으로 flutter 프로젝트까지 생성한 후를 기준으로 시작하겠다 ① list 추가, add 버튼 및 Input 추가 프..
[#. Flutter] Flutter로 Todo 앱 만들기 참고 글, 사이트 ① www.youtube.com/watch?v=mOiXndQAZpw https://github.com/akshayejh/what_todo akshayejh/what_todo Flutter Todo Application - Youtube Tutorial. Contribute to akshayejh/what_todo development by creating an account on GitHub. github.com ② github.com/dwyl/flutter-todo-list-tutorial dwyl/flutter-todo-list-tutorial A detailed example/tutorial building a cross-platform Todo List App using Flutter - dwyl..
[#. flutter] Flutter로 Todo 앱 만들기 model 생성, provider 패키지 설치하기 2 developer0809.tistory.com/124 [#. flutter] Flutter로 Todo 앱 만들기, 설치 및 시작하기 1 Flutter로 앱을 만들어 보려고 한다 설치 및 초기 설정을 시작해 보자 (MacOS 기준) ① 설치 flutter.dev/docs/get-started/install Install Install Flutter and get started. Downloads available for Windows,.. developer0809.tistory.com 이어서 진행하겠다 나는 프로젝트명을 flutter_todo로 생성했고 아래 코드에서 flutter_todo가 들어가는 곳에 본인이 생성한 프로젝트명을 입력해야 한다는 것을 주의하자 ① 프로젝트명/lib/main.dart im..

티스토리툴바