전체 글
-
[React] 동작 원리 - 클론 코딩 영화 평점 웹서비스React 2022. 9. 13. 11:13
http://www.yes24.com/Product/Goods/90344496 Do it! 클론 코딩 영화 평점 웹서비스 - YES24 ‘클론 코딩’만큼 빠르고 효과적인 학습법은 없다! 9살부터 코딩을 시작한 전형적인 ‘천재 코더’ 니꼴라스! 니꼴라스는 세상에서 가장 빠르게 프로그래밍을 배울 수 있는 방법은 클론 코딩 www.yes24.com P 50 리액트 동작 원리 알아보기 리액트는 우리가 작성한 프로젝트 폴더에 있는 코드를 자바스크립트를 이용해 해석한다. 해석한 결과물을 index.html에 끼워넣는다. 가장 왼 쪽은 빈 index.html이다. 오른쪽으로 갈수록 App.js를 해석하며 채워진다. 리액트는 화면에 표시될 모든 html을 처음부터 그리지 않아 빠르다.
-
[에러] ETIMEDOUTnpm ERR! network request to https://registry.npmjs.org/cra-template failed, reason: connect ETIMEDOUTReact 2022. 9. 13. 09:22
npx create-react-app movie 명령어 실행 단계에서 아래와 같은 오류가 발생했다. In most cases you are behind a proxy or have bad network settings. 위 문장을 보니 proxy 또는 네트워크 환경 문제가 있을 것 같다. proxy환경을 수정하려고 이것저것 노력해봤지만... 해결되지 않았다. 결국 node.js 파일 삭제 후 새로 설치했다
-
React의 인기 - 다운로드 횟수, 설문조사, 그래프 확인React 2022. 9. 13. 08:44
1. npmjs에서 리액트 다운로드 횟수 확인하기 react React is a JavaScript library for building user interfaces.. Latest version: 18.2.0, last published: 3 months ago. Start using react in your project by running `npm i react`. There are 92216 other projects in the npm registry using react. www.npmjs.com 2022년 9월 13일 기준 매주 1500명이 넘게 리액트를 다운로드 받고 있습니다. 2. state of JS의 설문조사 The State of JavaScript 2019: Front End Fr..
-
CSS 스타일 속성 - display, border-radius, margin, padding웹/CSS 2022. 9. 13. 08:33
display :block, inline 요소를 블록과 인라인 요소 중 어느 쪽으로 처리할지와 함께, 플로우, 그리드, 플렉스처럼 자식 요소를 배치할 때 사용할 레이아웃을 설정합니다. border-radius 테두리 경계의 꼭짓점을 둥글게 만듭니다. 하나의 값을 사용해 원형 꼭짓점을, 두 개의 값을 사용해 타원형 꼭짓점을 적용할 수 있습니다. margin 요소의 네 방향 바깥 여백 영역을 설정합니다. margin-top, margin-right, margin-bottom, margin-left의 단축 속성입니다. padding 요소의 네 방향 안쪽 여백 영역을 설정합니다. padding-top, padding-right, padding-bottom, padding-left의 단축 속성입니다. 출처 : h..
-
Git(협업) - git clone 방법, Vue 프로젝트 실행 방법Vue.js 2022. 9. 12. 15:10
1. Git 설치하기 Git이란?? 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템이다. 아래 링크 참고하셔서 설치하시면 됩니다. https://taewow.tistory.com/13 [GITHUB 입문] Git 설치하기(2.35.1 이상, 상세한 설치법) [GITHUB 입문] 깃허브 사용법 - 2 Git 설치하기 Git과 GitHub에 관해 다룬 이전 글([GITHUB 입문] Git과 GitHub의 차이)을 작성하다 보니 한 가지 아쉬움이 있었습니다. 독자가 Git을 설치하여 직접 따라 하면 taewow.tistory.com 2. git clone git clone이란?? 원격 저장소에 있는 코드를 내 컴퓨터에 복제할때 사용한다. 사..
-
BrowserRouter와 HashRouter의 주소창 차이React 2022. 9. 12. 11:00
BrowserRouter HashRouter URL뒤에 아무것도 붙지 않는다. 웹 서버 설정에 따라 어떤 패스로 들어오든 루트 페이지에 있는 HTML 파일을 서비스할 수 있다면 BrowserRouter을 사용 URL에 #이 붙는다. (#뒤 내용은 북마크라는 뜻이다) 웹 서버는 #문자 뒷부분의 주소를 무시한다. 웹 서버 설정에 따라 어떤 패스로 들어오든 루트 페이지에 있는 HTML 파일을 서비스할 수 없다면 Ha shRouter 사용
-
Router - Switch(Route) : v6 업그레이드 소개React 2022. 9. 12. 10:26
※ react-router-dom 설치하기 cmd에 npm install react-router-dom 입력 참고도서) 생활코딩! React 리액트 프로그래밍 http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791158392376 생활코딩! React 리액트 프로그래밍 - 교보문고 처음 프로그래밍을 시작하는 입문자의 눈높이에 맞춘 | 생활코딩은 일반인에게 프로그래밍을 알려주는 것을 목적으로 하는 비영리 교육 활동으로, 이 책은 생활코딩에서 제공하는 수업 가운데 www.kyobobook.co.kr p259 Switch컴포넌트를 이용해 exact라는 속성을 사용하지 않는 효과를 내고 있다. function A..