웹
-
Python Selenium 환경 구축하기 (ubuntu)웹/python 2020. 7. 4. 19:41
1. 크롬 설치 2. 크롬 버전 체크 google-chrome --version 3. 크롬 드라이버 설치 크롬 드라이버 버전 홈페이지 https://sites.google.com/a/chromium.org/chromedriver/downloads google-chrome --version wget https://chromedriver.storage.googleapis.com/크롬 버전/chromedriver_linux64.zip unzip chromedriver_linux64.zip 4. 다운 받은 크롬 드라이버 이동 후 실행 권한 주기 sudo mv chromedriver /usr/bin/chromedriver sudo chown root:root /usr/bin/chromedriver sudo chm..
-
react 설치웹 2020. 3. 4. 14:36
window 환경에서의 react 설치 입니다. 리눅스 or 맥os 도 가능합니다. 0. react를 설치하기 전에 node.js가 설치 되어있는지 npm이 설치 되어있는지 확인합니다. node -v npm -v 설치가 되어있지 않다면 설치를 진행하여줍니다. https://webhotpy.tistory.com/20 node.js 설치 윈도우 환경에서 node.js 설치 하는 방법입니다. 1. node.js 사이트에서 node.js 를 설치 윈도우 환경이 아닌 리눅스 맥 os도 동일합니다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime.. webhotpy.tistory.com 1. window 환경은 명령 프롬프트(cmd) 리눅스나 맥os..
-
node.js 설치웹 2020. 3. 3. 20:56
윈도우 환경에서 node.js 설치 하는 방법입니다. 1. node.js 사이트에서 node.js 를 설치 윈도우 환경이 아닌 리눅스 맥 os도 동일합니다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 설치 확인 설치가 완료되면 설치한 위치에 위와 같은 폴더와 파일들이 생성됩니다. 그런뒤 명령 프롬프트(cmd)를 켜서 명령어를 입력해 줍니다 (검색에서 cmd or window키 + R 로 명령 프로프트(cmd)를 실행합니다.) 리눅스 or 맥os는 터미널로 진행하면 됩니다. 아래와 같이 버전이 출력되면 설치가 정상적으로 된 것입니다. nod..
-
HTML 목록 태그들웹 2020. 3. 1. 17:21
목록을 나타낼때 사용하는 태그들 태그 Ordered List의 약자로 순서가 있는 목록을 의미한다. 순서(순번)이 있는 목록으로 정렬할때 사용한다. start 태그의 시작 순서를 나타낸다 ex) 를 하게되면 시작 숫자가 4부터 시작하게된다. 사과 배 딸기 reversed 태그의 순서를 역순으로 한다. 사과 배 딸기 type : a / A / i / I / 1 이 있다. 'a'는 소문자 알파벳, 'A'는 대문자 알파벳, 'i'는 소문자 로마 숫자, 'I'는 대문자 로마 숫자, '1' 는 숫자(기본값) 순서가 있는 "ol태그" 사과 배 딸기 사과 배 딸기 사과 배 딸기 태그 Unordered List의 약자로 순서가 없는 목록을 의미한다. 순서가 없는 "ul태그" 사과 배 딸기 태그 List Item의 약자..
-
리팩토링(Refactoring)웹 2020. 2. 17. 21:11
리랙토링(Refactoring)이란? 리랙토링(Refactoring)의 소프트웨어 공학적 정의는 '결과의 변경 없이 코드의 구조를 재조정함'을 뜻한다. 간단하게 설명하자면 코드의 가독성을 높이고 중복을 제거하며 프로그램의 효율성을 높이는 작업이다. 그러나 리팩토링을 아무때나 할 수 있는 것은 아니다. 리팩토링은 소프트웨어를 이해하기 쉽고 수정하기 쉽게 만드는 것이 목표이지만 소프트 웨어의 기능에 영향을 주어서는 안된다. 그렇다면 리팩토링은 언제 하는것이 좋을까? 리팩토링의 실시 시기 ○ 같은 작업(코드)이 3번 이상 반복 될 때 1번 ~ 2번 까지는 중복 작업이 실행되어도 괜찮지만 3번이상 중복 작업이 발생한다면 리팩토링이 필요하다. ○ 기능을 추가할 때 1. 소프트웨어에 새로운 기능을 추가할 때 새로운..
-
맥 장고(django) 설치 및 환경설정웹 2020. 2. 13. 21:10
이 글은 파이썬의 가상 환경설정이 되어있다는 전제하에 진행하며, 맥os에서 설치를 진행하였으며 터미널을 이용해 설치를 진행하였습니다. https://webhotpy.tistory.com/11 파이썬 가상환경 설정 1. pyenv 설치 및 python 설치 ○ pyenv 설치하기 pyenv는 여러 파이썬 버전을 쉽게 바꾸어 쓸 수 있게 도와준다. brew install pyenv echo 'eval "$(pyenv init -)"' >> ~/.bash_profile ○ 파이썬 설치 - 설치.. webhotpy.tistory.com 우선 가상환경을 실행하여 줍니다. $ pyenv activate [가상 환경 이름] 가상환경을 실행한 뒤 django를 설치할 폴더를 생성한 뒤 cd 명령을 통해 폴더로 이동합니..
-
파이썬 가상환경 설정웹 2020. 2. 13. 15:50
1. pyenv 설치 및 python 설치 ○ pyenv 설치하기 pyenv는 여러 파이썬 버전을 쉽게 바꾸어 쓸 수 있게 도와준다. $ brew install pyenv $ echo 'eval "$(pyenv init -)"' >> ~/.bash_profile ○ 파이썬 설치 - 설치 가능 목록 확인 명령 $ pyenv install -list 명령어를 사용해 파이썬을 설치하고 사용할 버전을 선택 할 수 있다. - 파이썬 설치 명령 list 명령으로 설치 가능한 파이썬의 목록을 보고 설치 하고자 하는 파이썬의 버전을 입력한다. $ pyenv install 3.x.x - 설치된 목록 확인 명령 $ pyenv versions * 표시가 된 것이 현재 사용 중인 파이썬 버전이다. - 실제 환경에서 사용 할 ..
-
정적 페이지와 동적 페이지웹 2020. 2. 11. 16:15
정적 페이지 정적페이지란 항상 같은 내용을 보여주는 웹페이지로 사용자가 URL을 통해 서버에 웹 페이지를 요청하였을 때, 서버 안에 이미 만들어져 있는 HTML 문서를 사용자에게 보여주는 경우 이를 정적 웹페이지라고 한다. ex) 백과사전의 내용과 같이 항상 같은 내용을 보여준다. 동적 페이지 동적페이지란 요청에 대해서 각각 다른 내용을 보여준다. 사용자(클라이언트)가 URL 을 통해 서버에 웹 페이지를 요청했을 때, 서버는 사용자에 맞는 HTML 문서를 생성하여 사용자에게 응답하게 된다. 이를 동적 웹 페이지라고 한다. ex) 온라인 쇼핑몰의 장바구니, 최근 본 상품, 추천 물건, 사이트의 회원가입, 로그인 등 차이점 정적 페이지 ○ 웹 서버만 있으면된다. ○ 저장되어있는 것을 보여주기때문에 속도가 빠..