IT (10) 썸네일형 리스트형 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 .. how to run python in html 데이터프레임안에 저장된 사진들을 반복문 이용해서 웹페이지에 불러오고 싶다면 변수넣고 {% %} 이용해서 html언어 안에서 python 반복문을 사용할 수 있게 됨 구문은 이런 식임 {% for ~~ %} ~~ {% endfor %} how to run html in python csv파일 안의 내용을 웹페이지에 띄우려는데 파이썬 플라스크로 구동시키다보니 html언어 적용이 안됨 기본적으로 {{}} 중괄호 두번씩 사용하면 파이썬변수를 읽을 수 있다고 알고있는데, csv파일 안의 을 읽지 못해서 변수 줄때 Markup함수를 사용하니 그 후로 이 웹페이지에 반영되기 시작했음 이전 1 2 다음
