본문 바로가기

분류 전체보기436

React2일차-React쓰기전 babel설정 *요약 npx serve로 창하나 켜놓고->헤드부분에 이거 추가->바디 부분를로 바꿔주기 자 1일차에 했던 화면에서 부터 시작이다 이화면 부터 시작이다. 터미널에 npx serve 입력하고 localhost 부분을 클릭하여 창을 하나 켜놓자 이제 코드를 쓰고 여기서 변화를 확인할거다 키면 이런 하얀 화면일거다 자이제 코딩을 시작하자 기본 설정 일단 구글을 가서 babel을 검색하고 젤위에꺼 클릭 친절한 나는 오늘도 링크가 있다 https://babeljs.io/ 영어지만 당황하지말고 (저번에 알려준 대충번역 하고 싶으면 우클릭 해서 한국어로 번역 누르면 된다 ) 가자 우측위 setup 클릭 여기왔으면 In the Browser 클릭 요기로 이동하면 script 부분 복사 혹시 모르니 여기 복사해놓을께 쓸.. 2022. 1. 21.
React 1일차-React구경해보자 *요약* 아무폴더만들고->우클릭해서 code로열기클릭->상단에 터미널 눌르기->새터미널 클릭-> 거기다가 npm init -y 입력 엔터->다음에 npx serve 입력하고 엔터-> localhost어쩌고 ctrl+좌클릭으로 열기->index.html만들고->내가 적어놓은거 입력(13번가면 있음) ->https://ko.reactjs.org/이동->우측위 돋보기에서 cdn검색 ->젤위에꺼 클릭 ->젝위에꺼 두줄 복사 해서 헤드안에에 붙여넣기->바디에 20번에 적어놓은거 붙여넣기 ->아까열어놓은 인터넷 창에서ctrl+shitf+i 눌러서 입력한거 확인 진짜로 구경만하는거다 구경.....별거 없다.... 그래도 해보자 일단 아무 폴더 만들고 더블클릭 1.그리고 파란색인" Code(으)로 열기" 클릭 뭐 보라.. 2022. 1. 21.
React 1일차 -Visual Studio Code설치 이제 이어서 Visual Studio Code(vscode) 설치다. 이번에도 한국어 이길 ..... *요약* 여기(https://code.visualstudio.com/Download)로가서 운영체제에 맞는거 다운받고 다 네네네네하면된다. 구글에 visual studio code 검색하고 그림처럼 젤위에꺼 클릭 혹시모르니 이번에도 링크(https://code.visualstudio.com/) 제길 영어다 구글의 힘을빌려 대충이라도 번역해주자 특별히 아무기능 없는 웹사이트 안에 우클릭 하면 그림처럼 나온다 안나오면 다른데 우클릭하고 나올때까지 찾아보자 정성껏 하면 10번안에 나온다. "한국어(으)로" 번역 클릭 짠 한국어로 변했다 이제 설치를 이어 간다. 오른쪽위 파란거 클릭 이제 보이는 거처럼 왼쪽부터.. 2022. 1. 20.
React 1일차 -설치 파일 목록 +node.js설치 오늘 부터 React를 시작합니다. 우선 가장 기본적인 세팅 node.js VisualStudioCode ,Chrome (이정도 필요하다고 하더라) 배우는 중이라서 아직 왜필요한지 자세히 모른다. 일단 따라해보자 하다보면 알수있겠지?? 이제 시작이다! node.js설치 부터 가자 구글에 node.js검색!(혹시 모르니 링크도(https://nodejs.org/ko/) 젤위에꺼 클릭 시작이 좋다 한글이다 왼쪽 LTS클릭 설치 파일을 받자 (LTS이거는 안정적이고 좀쓰던거 오른쪽꺼는 조금불안정할수도 있다 우리는 모르니까 안전하게 가자) 파일 찾아서 더블클릭 설치 다 예스하다가 나는 뭔가 안받아도 된다길래 저거 안받았다 문제되면 다시 받겠다 node js는 완료 2022. 1. 20.

티스토리툴바