본문 바로가기

JavaScript168

[생활코딩-React] CSS 코딩하는 법 [출처 : Youtube - 생활코딩] https://youtu.be/FbNvDu-XTVg?list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi CSS는 index.css에서 수정할 수 있다. 2021. 4. 21.

[생활코딩-React] JS 코딩하는 법 [출처 : Youtube - 생활코딩] https://youtu.be/LEPiRfPD9Uw?list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi public index.html 파일이 있는 곳임. index.html 안에 id가 root인 곳 태그 안쪽에 컴포넌트가 들어가도록 create-react-app은 약속했음. src 컴포넌트는 src 안에 있는 파일들을 수정해서 만듬. 앞으로 개발작업을 하게되면 대부분의 파일을 src 안에 넣게 될 것임. 그중에서 entry파일, 즉 진입파일은 index.js 파일임. 위에 밑줄 친 부분을 기반으로 해서 public의 index.html 파일을 수정한다. 위에 밑줄 친 은 react를 통해 만든 사용자 정의 컴포넌트이다. 저 컴포넌트의 실제 구.. 2021. 4. 19.

[생활코딩-React] 샘플 웹앱 실행 [출처 : Youtube - 생활코딩] https://youtu.be/O58tOX0CtoY?list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi terminal을 실행한 후 다음과 같이 명령어를 입력한다. npm run start 실행하면 아래와 같은 창이 뜬다. ★npm을 끄고싶을땐 ctrl + c 를 입력한다. 2021. 4. 19.

[생활코딩-React] create-react-app을 이용해서 개발환경구축 [출처 : Youtube - 생활코딩] https://www.youtube.com/watch?v=C9l-dQTeW7k&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi&index=5 1. 먼저 Node.js와 create-react-app을 설치한다 (설치&세팅법 카테고리에 있음) 2. react-app이라는 폴더를 생성한다. 3. cmd 창을 띄우고 경로를 react-app 폴더로 설정한다. 그리고 다음과 같이 명령어를 입력한다. create-react-app . ★주의 create-react-app이 최신버전이 아니면 최신버전으로 재설치해야함!! 설치 : npm install -g create-react-app 제거 : npm uninstall -g create-react-app.. 2021. 4. 18.

React(리액트)의 장점 -가독성 -재사용성 -유지보수 2021. 4. 15.

[바닐라JS로 크롬 앱 만들기] Getting the Weather part Two API [출처-유튜브 노마드 코더 Nomad Coders] https://youtu.be/l6hSze8vgVo index.html 00:00 weather.js const weather = document.querySelector(".js-weather"); const API_KEY = "f97c1ed1e4b50ed233ccabf8c1ea2011"; const COORDS = 'coords'; function getWeather(lat, lng){ fetch( `https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lng}&appid=${API_KEY}&units=metric` ).then(function(response){ return respon.. 2021. 3. 3.

이전 1 ··· 10 11 12 13 14 15 16 ··· 28 다음

티스토리툴바