[WEB]리액트(React) 설치하고 세팅하기

리액트(React) 설치하고 세팅하기 일단 리액트를 설치 하기전에 아래 사이트에 들어가서 node.js 를 검색 하고 다운 받고 설치를 해준다. https://nodejs.org/ko/download 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 이미 설치 되어있으면 최신 버전으로 재설치하는 것을 추천 (에러갈 날 가능성이 높다고 한다) 그리고 소스 코드 편집기를 설치 해주기 위해서 Visual Studio Code 에디터를 다운 받아준다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined ..

• format_list_bulleted Frontend Dev📚
• · 2023. 3. 30.
• textsms

[WEB]Web-app(application)이란

Web-app(application)이란 일반적으로 웹서비스는 기본적으로 2대 이상의 컴퓨터가 인터넷으로 연결되어야 가능한 서비스이다. 일반적인 소프트웨어를 우리는 애플리케이션이라고 부르는데 애플리케이션(application)을 이용하기 위해서는 사용자가 작업에 필요한 소프트웨어를 설치(다운로드)해서 원하는 작업을 해야한다. 하지만 웹앱(Web-app)의 경우에는 사용자가 작업을 하는데 필요했던 소프트웨어 설치 기능(다운로드)을 웹이 대신 해주는 것이다. 대표적인 WebApp으로는 네이버, 페이스북(SNS), 쿠팡 처럼 웹브라우저를 통해서 서비스를 제공하는 형태를 말한다. Web-app 의 장점 1. 앱처럼 만들어져 있기 때문에 모바일 앱으로 발행이 쉽다 2. 앱의 전환이 빠르기 때문에 사용자들에게 긍정..

• format_list_bulleted Frontend Dev📚
• · 2023. 3. 30.
• textsms

[WEB] Bundle과 BundleTool 의 장점과 사용해보기

Bundle과 BundleTool 의 장점과 사용해보기 Bundle과 BundleTool Turbopack, vite, rollup.js, webpack, parcel 번들 툴은 다양한 종류들이 존재한다. 이러한 번들은 다양한 js 파일들을 하나로 합쳐주는 역할을 한다. 이러한 번들툴을 이용해서 우리는 쉽게 배포가 가능하다 안쓰는 함수랑 변수를 제거해주기 때문에 용량축소도 가능하고 다양한 확장자명(.ts / .vue / .jsx) 으로 개발한 것을 .js으로 변환을 해준다. 또 최신 문법을 호환성 좋게 바꾸어주는 것 VITE 설치하기 터미널에서 npm create wite@latest를 입력해주고 설정을 해주어야하는데 기본 라이브러리 선택을 해주어야한다 나는 Vanila를 선택하고 variant를 Jav..

• format_list_bulleted Frontend Dev📚
• · 2023. 3. 30.
• textsms

[ETC]브랜드 이름 짓기에 도움주는 사이트

브랜드 이름 짓기에 도움주는 사이트 Oberlo https://www.oberlo.com/ Oberlo | Where Self Made is Made Start selling online now with Shopify. All the videos, podcasts, ebooks, and dropshipping tools you'll need to build your online empire. www.oberlo.com Naminum https://naminum.com/ Naminum – The #1 free domain name search engine on the web Tip: type two words separated by a space (e.g. 'color index') to generate ..

• format_list_bulleted ETC📌
• · 2023. 3. 28.
• textsms

[WEB]npm사용하기, node.js 다운받기

npm사용하기, node.js 다운받기 자바스크립트 코드는 웹브라우저 안에서만 실행 할 수 있지만 브라우저를 안켜고도 바로 pc에서 실행 할 수 있도록 도와주는 실행 엔진이다. node.js 다운받기 https://nodejs.org/ko/download 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치 완료하고 명령 프롬포트 에서 node -v로 버전이 확인되면 설치가 완료된 것임 npm : js 라이브러리 관리를 도와주는 패키지 매니저 라이브러리를 쉽게 설치하고 수정, 삭제가 가능하게 해준다. 새로운 터미널을 열어주고 npm install mysql을 입력해주면 다운로드..

• format_list_bulleted Frontend Dev📚
• · 2023. 3. 27.
• textsms

[ETC]구글 애드센스 결제 수단 등록하기

구글 애드센스 결제 수단 등록하기 구글 애드센스 관리 들어가기 결제 수단을 등록하기 전에 어느정도 모아둔 수입이 있어야지 결제 수단을 등록 할 수 있다고 한다 나도 드디어 결제 수단을 등록 할 수 있게 되어서 찾아보게 되었다. 일단 티스토리에 애드센스 관리로 들어가서 정산하기 버튼을 눌러주거나 구글 애드센스를 검색해서 들어가주면 된다 구글 애드센스 탭에서 지급 > 결제 정보로 들어가서 결제 수단 추가 및 정보 입력하기 결제 수단 추가를 눌러주면 다음과 같이 결제 정보를 입력하라고 나온다 이제가 중요! 원하는 통장으로 입급 받기위해서 본인 인증이 필요하기 때문에 필수 작성 항목인 예금주의 이름과 은행명, SWIFT 은행 식별 코드(BIC) 그리고 계좌번호를 입력해 주어야한다. 은행명 영문과 코드는 아래 표..

• format_list_bulleted ETC📌
• · 2023. 3. 20.
• textsms

Chrome 원격 데스크톱으로 다른 컴퓨터에 액세스하기

Chrome 원격 데스크톱으로 다른 컴퓨터에 액세스하기 컴퓨터에 원격으로 액세스 하기 위해서 아래 주소로 들어가서 remotedesktop.google.com/access '원격 액세스 설정'에서 다운로드를 클릭해준다. 다운로드가 다되면 다음과 같이 현재 접속한 컴퓨터의 이름을 적어주고 PIN 번호를 생성해준다. 이름과 PIN번호를 작성해주면 원격 액세스 창에서 현재 컴퓨터의 이름이 나오는 것을 확인 할 수 있다. 컴퓨터를 다른 사용자와 화면 공유하기 remotedesktop.google.com/support 주소창에 위의 주소를 입력하면 Google Chrome 원격 데스크톱 > 원격지원 시스템 탭으로 열린다. 다른 컴퓨터에 원격으로 접속(액세스)하기 주소창에 remotedesktop.google.co..

• format_list_bulleted ETC📌
• · 2023. 3. 17.
• textsms

[HTML] 댓글 기능 구현 사이트, 채팅 기능 사이트

댓글 기능 구현 사이트 https://disqus.com/ Disqus – The #1 way to build your audience Disqus offers the best add-on tools for websites to increase engagement. We help publishers power online discussions with comments and earn revenue with native advertising. disqus.com https://livere.com/ 라이브리 소셜댓글 서비스, 무료설치, 체험, 활용사례, 프리미엄 이용안내 등. livere.com 실시간 채팅 기능 https://www.tawk.to/ 100% FREE Live Chat Software, Ti..

• format_list_bulleted Frontend Dev📚
• · 2023. 3. 14.
• textsms

[데이터베이스] MySQL 다운로드 하기

My SQL 다운로드 하기 https://www.mysql.com/downloads/ MySQL :: MySQL Downloads MySQL Cluster CGE MySQL Cluster is a real-time open source transactional database designed for fast, always-on access to data under high throughput conditions. MySQL Cluster MySQL Cluster Manager Plus, everything in MySQL Enterprise Edition Learn More » C www.mysql.com 위 사이트로 이동해서 다음과 같이 MySQL Commynity Downloads로 들어간다. 그리고..

• format_list_bulleted Backend Dev📚
• · 2023. 3. 13.
• textsms

[유니티Unity]Erro: TextMeshPro 폰트 생성이 안되는 경우

Erro: TextMeshPro 폰트 생성이 안되는 경우 새로운 TextMeshPro 폰트를 생성하기 위에서 폰트 설정을 해주고 Generate Font Atlas를 해줬는데 다음과 같은 알림이 뜨면서 폰트가 생성안되고 있었다. Font Asset Creator - Error Code [Invalid_File_Path] has occurred trying to load the [OAGothic-ExtraBold] font file. This typically results from the use of an incompatible or corrupted font file. UnityEngine.Debug:Log (object,UnityEngine.Object) 해결 방법은 나같은 경우는 폴더명이 한글로 되..

• format_list_bulleted PROGRAMING📚/🔖Unity3D
• · 2023. 3. 9.
• textsms