튜토리얼

메타에서 개발한 오픈 소스 자바스크립트 라이브러리.프론트엔드 개발자 사이에서 AngularJS, Vue.js와 더불어 많은 인기를 얻고 있다. GitHub Star 수는 Vue가 가장 많으며(2022년 12월 04일 기준 Vue는 201K, React는 199K, An

새로운 React 앱 만들기 : https://ko.reactjs.org/docs/create-a-new-react-app.html

React 리액트 부트스트랩 시작하기

앱 배포하는 방법

[튜토리얼] NPM , Node 삭제 node 완전 삭제 node / npm 제거 확인 >Homebrew 설치 node / npm 설치 확인

[튜토리얼] Heroku : 앱 배포하는 방법 Heroku는 여러 언어를 지원하는 클라우드 Paas이다. >1. https://dashboard.heroku.com/ 가입 및 로그인 >2. 정보 입력을 하고 이메일로 인증 메일이 온다. 확인 >3. heroku에서 'Authenticator' 로 보안로그인을 해야한다고 나온다. 어플을 깔고 따라한다....

웹 페이지를 배포를 하고 방문자 통계를 보고싶어서 로그를 남기는 기능을 넣고싶었다.Google 애널리틱스(Google Analytics): Google 애널리틱스는 웹 사이트의 방문자 추적 및 통계를 제공하는 무료 도구입니다. 사용자 행동을 추적하고 데이터를 수집하여

PHP 설치 - 윈도우 >1. http://windows.php.net/download 에 접속하여 PHP설치 파일을 다운로드합니다. >2. "Download" 섹션에서 사용 중인 운영 체제 아키텍처에 해당하는 PHP 버전을 선택합니다. 대부분의 윈도우 시스템은 x

[튜토리얼] 그누보드 사용법 아이비호스팅 >1. https://www.ivyro.net/html/main/ 에 들어간다. >2. 회원가입 후 페이지 메뉴에 웹 호스팅 -> 무료호스팅 >3. 신청하기 -> 신청사양 확인 서버타입 : UTF-8 / PHP7.2 /

[튜토리얼] React에서 Tailwind 설치 Tailwind > https://tailwindcss.com/docs/guides/create-react-app 에 친절하게 설명이 되어있다. > 1. React-app 생성 (생략가능) >2. npm install -D tailwindcss 를 사용하여 설치 >3. npx tailwindcss ...

[튜토리얼] SEO - 네이버 사이트 등록 >1. 네이버 서치어드바이저 이동 https://searchadvisor.naver.com/ >2. 오른쪽 상단 웹마스터도구 클릭 >3. 사이트 등록에 도메인 주소를 입력 >4. 사이트 소유확인을 한다. (HTML 파일

[튜토리얼] SEO - 네이버 사이트 등록 >1. 구글 웹마스터 도구에 들어간다 https://search.google.com/search-console/about?hl=ko >2. 도메인이 있고 URL 접두어가 있다. 도메인 / URL 접두어 등록의 차이점이 무

AWS 로그인 인스턴트 생성 또는 시작이름 : 이름 및 태그적는다Quick Start : Ubuntu > Ubuntu Server 는 22.04 LTS / 20.04 LTS 선택인스턴스 유형 : t2.micro (프리 티어 사용 가능)키페어 설정키 페어 이름 입력 :

링크 : <a href="https://create-react-app.dev/docs/adding-custom-environment-variables/다른 어떤 .env파일을 사용할 수 있나요 참고: 이 기능은 이상 에서 사용할 수 있습니다react-sc

putty 를 먼저 다운로드 & 설치한다. 다운로드링크putty 실행Session 에서 Host Name에서 할당받은 IP를 입력 Port는 22아래 부분 Save Sessions에 이름입력 ex) aws_xxxConnection에서 Login details에서 ubu

AWS Route 53은 Amazon Web Services (AWS)에서 제공하는 관리형 도메인 네임 시스템(DNS) 서비스이다. Route 53은 도메인 등록, DNS 레코드 설정, 그리고 트래픽 라우팅과 관련된 다양한 기능을 제공하여 AWS 환경에서 도메인과 관련

[튜토리얼] MySQL 설치 >1. https://www.mysql.com/ 접속 >2. Oracle 회원이면 로그인 가능 / 회원가입 후 로그인 >3. 메뉴 "DOWNLOADS" 클릭 >4. 하단 MySQL Community (GPL) Downloads » 클

vite : https://ko.vitejs.dev/guide/Vite(프랑스어로 "빠르다(Quick)"를 의미하며, 발음은 "veet"와 비슷한 /vit/ 입니다.)는 빠르고 간결한 모던 웹 프로젝트 개발 경험에 초점을 맞춰 탄생한 빌드 도구이며, 두 가지

tar 명령어 사용Windows 10 버전 1803 이후에는 tar 명령어가 기본적으로 지원됩니다. 이 명령어를 사용하여 .war 파일을 압축 해제할 수 있습니다.명령 프롬프트 열기windows + R을 눌러 실행 대화상자를 열고, cmd를 입력한 후 Enter를 누릅

npx nuxi@latest init project-name✔ Are you interested in participating? y | n 선택✔ Initialize git repository? y | n 선택해당 디렉토리 이동 cd 프로젝트명npm run dev실행

👀 백엔드 공부를 병행하기 위해 어떤 언어로 해야할 지 고민이 많았다. 내가 프론트엔드로 시작을 해서 Node.js로 시작 하면 좋을 거 같아서 Nest.js를 생각하긴 했었는데, 주위에 도움을 받고 질문하기 좋은 건 Java Spring Boot 인 거 같아서 여기

SpringBoot 프로젝트에서 DB를 연결하기 위해 글을 작성한다.설치 후 PowerShell에서 psql -U postgres를 쳤을 때 다음과 같은 오류가 발생한다면 윈도우의 환경변수에 추가를 한다.윈도우 검색 - 시스템 환경 변수 편집 클릭환경 변수(N) 클릭

🕵️ Windows에서 그래픽카드 드라이버를 삭제하고 다시 설치하는 방법 중 완전히 삭제하는 툴을 사용하여 재설치하는 방법을 알게되어 글을 쓰게 되었다. 기본적으로 삭제하는 방식과 DDU : Display Driver Uninstaller 를 사용하여 재설치하는 방법

🕵️ 오랜만에 Mac을 사용하는데 내가 한글입력을 하고 백스페이스를 하면 한글자 전체를 삭제하게 설정을 해놨었다. 자모음 하나씩 삭제되게 다시 되돌리고 싶은데 설정을 찾는데 어려워 나중에 다시 보려고 글을 쓰게 되었다.설정으로 이동 > 키보드 검색텍스트입력 > 입력

🕵️ 윈도우 단축키를 잘 사용하다가 잘못눌러져서 Win + W 키를 눌러 피드(위젯) 이 켜지는 게 너무 싫었다. 내 성향은 내가 직접찾아서 보는게 아닌 이상 위젯이나 이런게 뜨는게 불필요한 기능이다. 그래서 윈도우를 처음 깔면 지우거나 비활성화하는게 되게 많은데

🕵️ Visual Studio Code에서 확장 프로그램인 GitHub : Copilot 을 잘 사용하고 있는데, 문제는 코드 입력 중 추천되는 자동 Completions 옵션이 너무 거슬렸다. 빠르게 업무를 해야할 때는 생산성이 좋았지만 개인적으로 코드개발을 할 때