본문 바로가기

전체 글19

[React] 깃허브페이지 github page 404에러, url 새로고침 404에러 문제해결 안녕하세요. 슈입니다.오늘은  깃허브페이지 github page 404에러, url 새로고침 404에러 문제해결 방법에 대해 알려드릴게요.react 는 spa 싱글페이지 앱이라 gitgub page 에서는 이를 제공하지 않는데요.저도 한참을 헤매이다가404.html 을 만들어서 해결했습니다. 다른거 다 손대지 마시고404.html 파일을 하나 만드세요. npm run build 하면 build 폴더가 저절로 생기잖아요?build 안에다가 404.html 파일을 만드시고index.html 파일 안에 내용 그대로 복사해서 404.html 에다가 붙여넣기 하면돼요..그리고 그걸 github 에 올리면 됩니다.너무 쉬워서 당황..이렇게 쉽게 해결될지 모르고구글링 엄청하고 고생했네요.. 오늘은 이렇게  깃허브페이.. 2024. 6. 16.
프론트엔드 기술 면접,인터뷰에 자주 나오는 예상질문과 답변 정리 공유! 안녕하세요 슈입니다. 오늘은 프론트엔드 신입 개발자 기술 면접, 인터뷰를 대비하기 위해 자주 나오는 예상질문과 답변을 정리 해놓은것을 공유해드릴게요!!HTML의 기본 구조를 설명하세요.답변: HTML 문서는 선언으로 시작하고, , , 태그로 구성됩니다. 에는 메타데이터, 스타일시트 링크, 제목 등이 포함되고, 에는 실제 콘텐츠가 포함됩니다.CSS의 박스 모델에 대해 설명하세요.답변: CSS 박스 모델은 요소를 네 부분으로 나눕니다: 콘텐츠(content), 패딩(padding), 보더(border), 마진(margin)입니다. 콘텐츠는 실제 내용, 패딩은 내용과 보더 사이의 공간, 보더는 요소의 테두리, 마진은 요소와 다른 요소 사이의 간격을 나타냅니다.Flexbox와 Grid의 차이점을 설명하세요... 2024. 6. 13.
[React] 누르면 맨위로 움직이는 스크롤 버튼 만들기 top 버튼 안녕하세요. 슈입니다.오늘은 리액트로 누르면 맨위로 움직이는 스크롤 버튼 만드는 법을알려드릴게요.흔히 top 버튼이라고 하죠?위에처럼 생긴 버튼 누르면 쉽게 화면 가장 위로 움직여주는 버튼입니다. 저는 따로 ScrollBtn.js 라는 파일을 만들어서그안에 코드를 적어줬어요.반응형으로 만들었습니다!!화면 크기에 따라 버튼의 크기나 위치도 바뀔거에요.import React, { useEffect, useState } from 'react';import { SlArrowUpCircle } from "react-icons/sl";import styled from 'styled-components';const Div = styled.div`/* 미디어 쿼리: 화면 가로폭이 1000px 미만일 때 */@media.. 2024. 6. 13.
[일반 물리] 계측 실험 보고서 | 대학 물리 과제 보고서 계측 실험 보고서개념 및 원리  일상에서 측정이란것은 많이 사용되고 있다. 태풍을 대비하기 위해 풍속을 측정하고, 감기기운이 있을때 체온계로 체온측정을 한다. 측정은 온도와 속도와 같은 물리량을 계측기로 정량화 하는것이다. 이러한 계측은 일상생활 뿐만 아니라 공학에서도 필수적이다. 무엇의 정확한 값을 측정한다는 것은 쉽지않다. 쉽고 단순해 보이지만 그동안 많은 과학자들과 공학자들의 계측기를 개발하고 발전해왔기 때문에 지금 그 결과를 쉽고 빠르게 도달할 수 있는것이다. 앞으로도 신뢰성있고 더욱 정밀한 제어를 하기 위해 계측을 하는것이 중요하다. 계측은 단순히 측정하고 끝나는 것이 아니고, 측정한 값을 통해 분석하고 작업하여 정리하는 과정이다. 측정값들의 오차범위를 이해하고 값들의 의미를 분석하여 공학적인 .. 2024. 6. 11.
[일반 물리] 키르히호프 법칙 실험보고서 일반물리학 키르히호프 법칙 실험보고서입니다. 아래 내용은 목차입니다.첨부파일 확인해주세요! I. 실험목적키르히호프의 법칙에 대해서 실험해 본다.2. 실험이론 직렬 연결 : 고리 한개 → 휘스톤 브리지 8 직렬과 병렬의 혼합회로 병렬연결: 분기점 두개 키르히호프의 법칙1 분기점 법칙: 모든 분기점에서 전류의 합은 영으로 전하가 보존된다3.실험기구 4.실험방법5.실험결과& 데이터 6. 토론 및 결론 7.참고문헌 2024. 6. 11.
[일반 물리] 축전기회로 실험보고서 일반물리학 축전기회로 실험 보고서입니다.아래 내용은 미리보기입니다! I. 실험목적축전기의 충전, 방전 될때의 시간에 따른 전류전압의 변화를 그래프를 이용하여 분석하여 본다. 또한 저항값과 축전기의 용량을 변화시켜가며 측정하고 이에 따르는 축전기의 상수에대해 알아보도록 한다.2. 실험이론6.토론 및 결론데이터 표를 보면 저항이 클수록 충전시간이 길게 나타났으며 축전기 용량이 클수록 충전시간이 길게 나타났다. 또한 저항이 클수록 밤전시간이 길었으며 축전기 용량이 클수록 밤전시간이 길게나타남을알수있다. 또 직렬로연결했을때보다 병렬로연결했을때 5.실험결과 & 데이터 2024. 6. 11.
[일반 물리] 유도기전력 보고서 일반물리학 유도기전력 실험 보고서 입니다.  아래 내용은 미리보기 입니다! I. 실험목적 긴 I차의 솔레노이드 코일에 다양한 크기의 전류와 주파수로 자기장을 형성시킨 후1차 코일내로 삽입되는 2차 코일양단에서의 유도기전력에 대하여 1차 코일의 전류와 주파수 및 2차 코일의 감은 수, 코일 반겸 등의 함수관계로 조사한다. 3. 실험기구 - 멀티미터 연결선 함수발생기 1차코일2차코일 2024. 6. 11.
[일반 물리] 미지저항 측정 실험보고서 미지저항 측정 실험보고서입니다.첨부파일에 있습니다.아래내용은 미리보기!   I.실험목적물질의 전도도 또는 비저항은 그 물질의 전기적 성질에 관하여 매우중요한 정보를 제공한다. 이를 실험적으로 결정하기 위하여 먼저 저항을 정확하고 정밀하게 측정하여야 한다. 이를 위하여 휘스톤 브리지가 종종사용된다. 본 실험에서는 휘스톤 브리지의 구조와 사용법을 익히고, 미지 저항체의 전기저항을 측정한다 . 2.실험이론3. 실험기구  2 직류전원의 스위치가 열린 상태에서 미지저항 1개를 포함한 회로를 완성하여 실험장치를 구성한다.3 전류가 흐르는 방향을 감안하여 측정리드선을 좌우로 조금씩 이동하면서, 1 미지저항의 저항값을 읽고 검류계에 전류가 흐르지 않는 위치를 찾는다. 검류계에 과도한 전류가 흐르지 않도록 주의한다. 4.. 2024. 6. 11.
[일반 물리] 등전위선 실험보고서 등전위선 실험보고서자세한 내용 및 사진 은 첨부파일에 있습니다. 아래내용은 미리보기!!I. 실험목적 전기장이 형성된 도체판 위에서 전국의 형태에 따른 등전위선의 모양을 그리고 이로부터 전기장의 방향을 알아본다. 공간적으로 장이 형성되는 모양을  확장하여 생각해보고 우리가 살고 있는 실제 공간에 무수히 얽힌 전기장 및 자기장 등에 관한 관계들을 알아본다. 2. 실험이론 전위 : 단위 전화의 위치에너지 (퍼텐셜 에너지 )   (생략)4. 실험방법 전국에 금속 압정을 인터페이스의 센서채널 A에 연결한다. 전압센서를 설정해준다. 1)이용하여 , 꽂은 다음, 악어 클립이 달린 바나나 플러그 도선을 2) 3) 4) Carlone 파형을 DC. 신호발생기 소프트웨어전압을 V로 설정한 다음, Auto 버튼을 창을 닫는.. 2024. 6. 11.
[공학 에세이] 사회 영향 에세이 *대학생때 졸업과제로 쓴 에세이ㅎㅎ대학생 졸업과제사회영향(Social impact)은 기술, 조직, 정책 등이 사회적으로 어떤 영향을 미치는지를 나타내는 개념이다. 기술과 사회는 상호작용하며, 기술의 발전과 사용은 사회 구조, 경제, 문화, 환경 등 다양한 측면에 영향을 미친다. 이러한 영향은 긍정적인 면도 있을 수 있고, 부정적인 면도 있을 수 있다. 긍정적인 사회영향은 다음과 같다. 1. 혁신과 경제 성장: 새로운 기술과 혁신은 새로운 산업 부문을 창출하고 경제 성장을 촉진할 수 있다. 새로운 기술의 도입은 생산성을 향상시키고, 경제적 기회를 제공하여 사회적인 번영을 이루는 데 기여할 수 있다. 2. 사회 통합과 접근성: 기술은 사회적인 차별을 줄일 수 있는 기회의 폭을 넓힐 수 있다. 정보와 커뮤니.. 2024. 6. 11.
[python] 파이썬 크롬드라이브 설정,세팅 | 크롤링 크롬드라이버 파이썬 크롬드라이브 설정,세팅 하는법크롤링 크롬드라이버chrome_driver.py 로 파일 만들어서 사용하시면 됩니다. # 서비스 환경별 크롬 드라이브 구분from user_agent import generate_user_agentfrom user_agents import parsefrom selenium import webdriverfrom selenium.webdriver.chrome.service import Servicefrom webdriver_manager.chrome import ChromeDriverManagerimport warningswarnings.filterwarnings("ignore")# pip install selenium# pip install -U user_agent# p.. 2024. 6. 11.
[python ] 엑셀 파일 csv 한글 깨질 때 , 인코딩하기 안녕하세요. 슈입니다.파이썬에서 크롤링으로 엑셀 파일저장하고 싶어서csv파일로 저장한뒤 확인하려고 엑셀 열어보니한글이 다깨져있으신 적 있나요?그럼 인코딩을 꼭 해주셔야 합니다!! df.to_csv("저장할 경로/파일명.csv", encoding="utf-8-sig", index=False)  위와같이 수정해주시면쉽게 문제해결 할 수 있으실거에요! encoding="utf-8-sig" 만 추가해보세요. 엑셀 파일 csv 한글 깨질 때 , 인코딩하기 알려드렸는데요.도움이 되시길 바랍니다. 2024. 6. 11.

티스토리툴바