IT/나머지 (7) 썸네일형 리스트형 React 블로그 만들기 (3) import React, { useState } from 'react' import logo from './logo.svg'; import './App.css'; function App() { let [글제목,글제목변경] = useState(['남자 코트 추천', '강남 우동 맛집', '파이썬 독학']); let posts = '강남 고기 맛집'; return ( 개발 Blog { 글제목[0] } 2월 17일 발행 { 글제목[1] } 2월 17일 발행 { 글제목[2] } 2월 17일 발행 ); } export default App; 자주 변동되는 값은 state로 변수 지정해줌 더 빠름 import React, { useState } from 'react' useState 호출하고 let [a,b] = .. React blog 만들기 (2) App.js 파일이 index페이지가 될거임 기존의 header 태그를 다 지우고 App() 함수를 바꿔줌 import logo from './logo.svg'; import './App.css'; function App() { return ( 개발 Blog 블로그 글 ); } export default App; 그리고 동일한 경로 안의 App.css 파일에도 body와 .black-nav 설정 추가해줌 .App { text-align: center; } body { font-family: 'nanumsquare'; } .black-nav { background: black; width: 100%; display: flex; color: white; padding: 20px; font-weight: 20.. React blog 만들기 (1) node.js 설치 create react app 이라는 라이브러리 설치하기 위함 npx create-react-app blog 입력하면 blog라는 폴더 만들어줌 npx create-react-app blog npm start 라고 입력하면 미리보기 웹페이지 보여줌 npm start 서버를 종료하려면 터미널에 Ctrl+C 단축키 입력하면 됨 javascript 글자사이즈 변경 여보세요 getElementById 이후에 style.fontSize 로 글자사이즈 바꿀 수 있음 FullyQualifiedErrorId : UnauthorizedAccess 해결법 nodemon 사용하려는데 권한 오류가 뜰 때 powershell 을 관리자권한으로 실행한 후 다음과 같이 입력합니다 set-executionpolicy unrestricted y 키워드 크롤링 예전에 프로젝트하면서 키워드 크롤링했던 자료들인데 참고용으로 블로그에 기록해둠 !pip install beautifulsoup4 !pip install selenium !pip install webdriver-manager import pandas as pd import requests from urllib.request import urlopen from urllib.parse import quote_plus from bs4 import BeautifulSoup from selenium import webdriver from webdriver_manager.chrome import ChromeDriverManager from selenium.webdriver.common.keys import Keys .. 주소에서 위도 경도 추출 파이썬 api_key 는 카카오개발자 페이지 애플리케이션 신청하면 받을 수 있는 REST API 키에 해당하는 값임 이전 1 다음
