IT 프로그래밍20 웹페이지에서 뭐든지 기울이기 skew(); 이해 안되는 분? 여기로 모여라! 안녕하세요 오늘은 애니메이션 속성 transform: skew(); 에 대해서 알아보겠습니다. 원래 이랬던 div 박스의 기울기를 바꿔 보겠습니다! .html transform: skewY(+15deg); .css .skewY15{ background-color:aquamarine; width: 150px; height: 150px; margin-top: 100px; margin-left: 100px; color: black; transform: rotateY(15deg); /* 기울기 관련 코드 */ } 기울기가 바뀌었습니다. (혹시 몰라서 색도 바꿈) 원래 div와 비교해 보면! 이렇게 Y축 + 15도 는 가로선 밑으로 내려가는 것을 알 수 있습니다. 그렇다면 - 15도는 어떻게 나올까요? html .. 2023. 4. 12. [HTML/CSS 간단 TIP] github에 올라와 있는 이미지 url로 내 웹사이트에 넣! 다운로드 (필요X) 결론! -> 원하는 이미지가 있는 github 페이지에 들어가기 -> raw 버튼 클릭 -> 나오는 이미지 화면 link 복사 -> -> 끝 원하는 이미지가 있는 github 페이지에 들어가기 Raw 위치 raw 버튼 클릭 나오는 이미지 화면 link 복사 완료! 추가 크기 조절하기 width="30" 추가하기 2023. 4. 5. [HTML/CSS 간단 TIP] 기본으로 띄어지는 body 여백 지우기(코드 적용 사진 있음) body 여백 지우기 CSS 파일에 코드 추가 HTML 파일에 코드 추가 적용 이전 적용 이후 2023. 4. 5. [GPT에 물어봤습니다] .json 파일? 왜 갑자기 생긴거지? 가끔 파일을 만들다보면 .json 이라고 되어있는 파일이 생깁니다. 왜 생기는거지? GPT에 물어봤습니다. 이미지 파일과 JSON 파일은 함께 사용될 수 있습니다. 예를 들어, 이미지 파일에 대한 설명이나 메타데이터 정보를 JSON 파일에 저장하고, 해당 이미지와 함께 사용할 수 있습니다. 이러한 경우 JSON 파일은 이미지 파일의 설명서 역할을 하며, 이미지 파일에 대한 정보를 기술합니다. 이미지의 메타데이터! 예시를 들면 이렇게 약간 파일의 추가 정보? 를 json파일로 만들어 주는거네요! 계속 이게 뭔가 하고 고민했는데 손쉽게 해결!! 2023. 3. 24. 파이썬 주식정보 크롤링 하기(네이버 증권 페이지 이용하여 데이터 가져오기) [step3] 안녕하세요! 파이썬으로 주식정보 크롤링 하기 3번째! 오늘은 가져온 데이터를 파일로 만들어 보겠습니다! 이번이 파이썬 크롤링 마지막 단계입니다! 화이팅! 이제 데이터를 추출해 볼까요? df = pd.read_html(browser.page_source) #andas 라이브러리의 read_html 함수를 사용하여 현재 Selenium WebDriver로 열린 브라우저의 페이지 소스를 가져와 HTML 표(table) 데이터를 DataFrame 형식으로 읽어옵니다. #browser.page_source는 현재 브라우저 페이지의 HTML 소스 코드를 문자열로 반환합니다. 이 소스 코드에서 pandas의 read_html 함수는 표 데이터를 검색하고, 각각의 표 데이터를 DataFrame 형식으로 반환합니다. 따.. 2023. 3. 16. 파이썬 주식정보 크롤링 하기(네이버 증권 페이지 이용하여 데이터 가져오기) [step2] 안녕하세요! 파이썬으로 주식정보 크롤링 하기 2번째! 오늘 부터는 코딩을 하려고 합니다. 페이지를 가져와서 자동으로 켜고, 체크박스를 내가 원하는 것 으로 체크하는 방법을 알아 보겠습니다. 이제 파이썬으로 만들어 볼까요? 저는 터미널에 계속 입력하면서 입력하는 내용을 기록해둘 파이썬 파일을 만들어 줬습니다. 명령어에 python을 입력해 줍니다. 그리고 import pandas as pd #데이터 조작,분석하기 위한 라이브러리 from selenium import webdriver #selenium 페이지 자동화 가능하게 해주는 도구 , webdriver 웹 드라이버 로드하는 모듈 from selenium.webdriver.common.by import By #By Selenium 에서 요소를 찾는 방법.. 2023. 3. 16. 이전 1 2 3 4 다음 반응형
