본문 바로가기
반응형

전체 글70

[오류][vscode] html ! 등 자동완성이 되지 않을 때 문제점 html파일에서 ! + Tab을 하면 기본구조가 자동완성으로 만들어 져야 하는데 만들어지지 않았다. 해결방법 vscode에서 현재 파일의 형식이 잘못되어 있어서 !을 입력하여도 자동완성이 되지 않았던 것이다. vscode 밑에 이렇게 되어있는 부분이 있다. 현재 파일은 "Django HTML"으로 설정이 되어 있다. 이렇게 HTML이 아닌 다른 형식으로 설정이 되어 있으면 자동완성이 되지 않는다. 그러니 이 부분을 클릭해 주자. 그러면 언어 모드를 선택할 수 있는 메뉴가 나오게 된다. 여기서 내가 만드는 프로그램의 언어에 맞는 것을 고르면 된다. 지금은 html을 만들고 있으니 HTML을 선택한다. 그러면 !+Tab이 정상적으로 작동되는 모습을 볼 수 있다. 2021. 7. 11.
[CSS] CSS적용 안되는 경우, 크롬 강력 새로 고침 문제점 CSS파일을 수정하였는데도 실제 웹페이지에서는 적용이 안되는 경우가 있다. 해결방법 CSS를 수정해도 적용이 안되는 이유는 브라우저에 캐시가 남아있기 때문이다. 그래서 남아있는 캐시를 모두 지우고 새로고침을 하면 수정된 CSS가 웹페이지에 적용이 된다. 크롬브라우저에서 F5를 누르면 일반적인 새로고침이 된다. 이 경우 캐시는 남아 있어서 강력한 새로고침을 하기 위해서는 개발자 도구를 연다. 개발자도구가 열린 상태에서 새로고침 버튼을 우클릭 해준다. 그러면 아래에 "일반 새로고침", "강력 새로고침", "캐시 비우기 및 강력 새로고침" 3가지 메뉴가 나타난다. 이중에서 가장 아래인 "캐시 비우기 및 강력 새로고침"을 누르면 캐시가 비워지도 CSS가 적용됨을 알 수 있다. 하지만 이렇게까지 않아도 ".. 2021. 7. 10.
[Python]crawling http 418 error 문제점 bs4와 requests module을 사용해서 local에서는 문제없이 크롤링이 됬었는데 heroku server에서 실행을 시키니 response.status_code의 값이 418이 나왔다. 해결방법 이 문제를 해결하기 위해서 두가지를 설정하였다. 1. 정확한 url 입력하기 opgg 사이트를 크롤링하였는데 "https://op.gg/~"으로 url을 설정하여서 requests를 보냈었다. 이렇게 하니 로컬에서는 제대로 됬었는데 heroku 서버에서는 작동하지 않았다. 그래서 정확한 url인 "https://www.op.gg/~"으로 바꾸니 정상적으로 크롤링이 됬다. 2. Header 추가하기 해당 웹사이트가 python crawl을 anti-climbing program이라고 판단하여서 4.. 2021. 7. 10.
[Vscode] Python path is your debug configuration is valid [문제점] 노트북을 포맷하고 다시 visual studio code를 다운받고 python파일을 실행하니 다음과 같은 오류가 발생하였다. debug를 하는 python을 설정해야 하는데 아직 설정을 하지 않아서 발생한 문제였다. [해결방법] 1. python을 설치한다. 우선 https://www.python.org/ 여기에서 python을 설치한다. 2. command pallete 실행 (f1 or ctrl+alt+p)를 실행하고 Python: Select Interpreter를 입력한다. 3. Python version설정 밑에 나오는 것중에서 자신의 버전에 맞는 것을 클릭해서 설정하면 된다. 만약 저렇게 밑에 python이 뜨지 않고, 첫번째, 세번째 항목만 나타나면 첫번째인 Enter inter.. 2021. 7. 3.
[React] react에서 local image file 불러오기 [문제점] react에서는 웹링크로 이미지 url을 한 경우에는 정상적으로 보이지만, 다음과 같이 일반적인 경로를 사용하여서 local에 저장되어있는 image를 불어오면 정상적으로 보이지 않는다. 이러한 문제를 해결하기 위한 방법으로는 총 3가지가 있다. 1. Public folder 사용하기 public 폴더 안에 이미지를 저장하는 img 폴더를 만든 뒤에 이미지들이 해당 폴더 안에 모두 저장한다. 그러면 절대경로를 사용하여서 이미지를 불러올 수 있다. 2. import 사용하기 import imgfile from './imgfile.png'; 첫번째는 import를 하여서 이미지를 불러오는 방법이다. 3. require 사용하기 두번째는 require을 사용하는 방법으로 import와 같이 src폴.. 2021. 6. 30.
[aws] xftp 프로그램으로 ftp연결하기 웹개발을 하기 위해서는 ftp연결이 필수적이다. ftp연결으로 웹서버에 연결을 하고 파일을 서버에 올려서 웹에 적용을 시킨다. ftp연결은 따로 프로그램을 설치하지 않아도 연결은 가능하다. 하지만 프로그램에서 여러 기능들을 제공하기 때문에 대부분의 사람들은 ftp 연결 프로그램을 사용한다. 대부분 사용하는 ftp 연결 프로그램은 FileZilla이다. 파일질라를 오랫동안 사용해보지 않았기 때문에 모르는 기능도 있겠지만, 두가지 이유때문에 xftp를 사용한다. 1. UI가 익숙하고 편하다 2. Xshell과 연결되어 바로 리눅스 명령어를 사용할 수 있다. 먼저 xftp의 UI를 보면 윈도우의 파일탐색기와 비슷한 형식으로 만들어져 있다. 그래서 파일을 탐색할 때 등 여러 작업을 할 때 익숙하고 편하게 작업을.. 2021. 3. 5.
[aws] ec2 리눅스 서버 구축하기 웹을 만들기 위해서는 서버가 필요합니다. 이러한 서버는 닷홈과 같은 호스팅 업체에서 알아서 해주기도 합니다만, 그러면 서버에 대한 접근권한과 정보들을 알 수가 없습니다. 간단한 예로 aws를 이용해 웹서버를 구축해 apache를 설치하면 apache 로그들을 볼 수 있어서 웹에 누가 어떤 url으로 들어왔는지를 볼 수 있지만, 호스팅 업체를 이용한다면 이러한 정보들은 볼 수가 없습니다. 우선 서버를 구축하기 전에 그 장소, 인스턴스를 생성해야 합니다. aws에서는 리눅스, 우분투, 윈도우 서버를 만들 수 있습니다. 대부분은 리눅스와 우분투 서버를 사용하지만 이번에는 리눅스 서버를 구축해보도록 하겠습니다. aws 회원가입을 한 후, aws management console에서 ec2를 누르면 위와 같은 창.. 2021. 3. 2.
반응형