Coding
-
selenium을 이용한 image down auto 실행Coding 2022. 7. 4. 22:29
셀레니움을 통한 이미지를 다운로드해보기를 진행하고자한다. 1.파이썬 가상 환경 세팅 A. python 3.8 A(1.0), B(1.1) B. python 3.5 A(1.1), C(1.0) C. python 2.7 B(2.0), D(1.0) 상황에 따른 호환되는 파이썬 버전이 다름 파이썬 버전을 분리해 가상환경화 하여 선택할 수 있음 1) 비주얼스튜디오 실행 Python venv 가상 환경 구글 검색 > 공식홈페이지 > 명령어 확인 python3 -m venv /path/to/new/virtual/environment 명령어를 통해서 가상환경 구축 진행가능함 여기서 본인 컴퓨터에 설치한 파이썬 이름을 확인해서 작성하고 일부 경로 수정 /~ 이후는 생성할 파일명이기 때문에 본인이 만들 이름을 만들어줌 pyt..
-
파이썬 자료형이란 무엇Coding 2022. 7. 3. 17:53
6 + 6 = 12 '6' + '6' = '66' 자료형은 값의 타입을 나타낸다. 숫자, 문자열, 불(타입) 변수, 리스트, 튜플, 딕셔너리, 집합(타입의 자료구조) 변수란 값을 담는 상자로 a=6은 a라는 상자에 6을 담는다는 말로 이해한다. 등호는 b=a+6 b라는 상자에 6+6=12라는 값을 넣는다라는 말로 이해한다. 숫자형 정수형 (1,2,-3) a = 6 print(a) 6이 출력된다. a = 6 print(type(a)) int라고 출력이된다. 즉 정수는 int라고 이해한다. 실수 (1.24, -45) a = 1.2 print(type(a)) float이라고 출력이된다. 즉 실수는 float라고 이해한다. 컴퓨터식 지수 8진수 16진수 사칙연산이 가능하다 +,-,*,/ **는 제곱을 구함 %는..
-
Next.js-웹과 애플리케이션-React-DOM-HTML로 이어지는 스토리Coding 2022. 6. 29. 05:16
Next.js를 효과적으로 사용하려면 자바스크립트, 리엑트 및 관련 앱 개발 개념에 익숙해지면 도움이 된다. 그러나 자바와 리엑트는 방대하다. 넥스트제이에스는 간단한 프로젝트를 단계별로 빌드한다. 자바스크립트 애플리케이션으로 시작한 다음 리엑트 및 넥스트제이에스로 마이그레이션한다. 각 섹션은 이전 섹션을 기반으로 하므로 이미 알고 있는 내용에 따라 시작할 위치를 선택할 수 있다.(넥스트제이에스페이지에서) 네스트제이에스는 빠른 웹 애플리케이션을 만들기 위한 빌딩 블록을 제공하는 유연한 리엑트 프레임워크다. 그러나 이것이 정확히 무엇일까 웹 애플리케이션의 빌딩 블록 최신 애플리케이션을 구축할 때 고려해야 할 몇 가지 사항이 있다 사용자 인터페이스 – 사용자가 애플리케이션을 소비하고 상호 작용하는 방법이다 라..
-
파이썬이란Coding 2022. 6. 28. 00:39
귀도 반 로섬 Guido Van Rossum 이 취미로 만든 프로그래밍 언어로 1991년 최초 발표가 되었다. 2000년 파이썬2, 2008년 파이썬3가 발표되었다. 구글에서 만들어진 소프트웨어의 50% 이상이 파이썬으로 구성되어 있다. 드롭박스, 인스타그램 등이 추가로 있다. 파이썬 최초 생성 문서는 공식 홈페이지에 서문이 소개되어 있다. 특징 이해하기가 쉽고 공동작업과 유지보수를 하기에 편하게 되어 있다. 몬티 파이튼 비행 서커스라는 코미디 프로그램에 이름에서 따왔다고함 파이썬은 인간친화적 언어라고 소개한다. if 4 in [1,2,3,4] : print는 4가 있다라는 의미라고함 파이썬의 문법은 쉬워 빠르게 배울 수 있고 대학교 교양 강의로 파이썬을 활용하거나 프로그래밍 유 경험자라면 금방 배울 수..
-
개발 framework 와 Next.js (feat. 인기있는 기술)Coding 2022. 6. 27. 22:07
웹 프레임워크 web framework 또는 웹 애플리케이션 프레임워크web application framework는 웹 서비스 개발을 위한 프레임워크다. java의 spring, python의 Django, Node.js의 Express, PHP의 Laravel, Ruby의 Ruby on Rails 등이 특히 알려져 있는 상태인거 같다. 웹 프레임워크를 사용하면 빠르게 웹사이트를 구축하는 과정을 진행한다고 한다.? 아직 잘 모르겟다 웹 프론트 앤드용 SPA 프레임워크는 AngularJS나 Vue.js 등으로 Javascript 기반이다. Spring이나 Django, Ruby on Rails의 경우 풀 스택 Full-stack 웹 프레임워크다. 풀 스택은 "모든 분야에 다 능숙한"이라는 의미로, 풀 스..
-
hover 태그 활용하기Coding 2022. 6. 13. 08:17
HTML에서 페이지에 다른 특정 페이지를 호출할 때는 기본적으로 a태그를 사용한다. a태그는 링크의 기능을 가지고 있는 태그다. 링크를 거는 것은 간단하나 a태그에 몇가지 속성이 존재한다. 총 4개의 속성이 존재하는데 link, visited, hover, active가 있으며 css에서 해당 속성을 활용해 링크에 특정 액션을 인식할 수 있어 스타일을 지정하는데 활용한다. a:link 해당 링크를 방문하기 전 상태 a:visited 해당 링크를 방문한 뒤 상태 a:hover 해당 링크에 마우스를 올렸을 때 상태 a:active 해당 링크를 클릭했을 때 상태 icon hover 이펙트에서는 css를 이용해 9가지의 효과를 해볼 수 있으며 해당 효과는 아이콘 이미지가 아닌 아이콘이 출력되는 폰트를 사용해 색..
-
reading-tine.js 읽는시간 표시Coding 2022. 6. 6. 17:05
개요 최근에는 뉴스나 블로그에 많이 사용되는 reading time 라이브러리에 대해서 활용해보고자 합니다. 보통 글의 header 부분의 제목 에 article을 읽는데 대략 어느 정도가 걸리는지 알려줘 결정에 도움을 줄 수 있게 안내하는 기능입니다. 이런식으로 읽는데 얼마나 걸리는지 가늠할 수 있게 표시해줌 블로그에 도입해보고자 기능을 확인하고 익혀봅니다. 공식 깃허브 : https://github.com/michael-lynch/reading-time GitHub - michael-lynch/reading-time: A simple, lightweight jQuery plugin used to display an estimated time to read some text. A simple, ligh..
-
npm install 이란Coding 2022. 6. 3. 10:27
개발 문서를 따라가다 보면 npm install 과정이 나온다. 이것은 어떤 것일까 node.js에서 빠질 수 없는데 npm이다 npm은 node package manager의 약자로 node.js에서 사용하는 모듈들을 패키지로 만들어 npm을 통해 관리하고 배포하고 있다. 이것은 다른 사람이 만들어 놓은 모듈들을 npm을 통해 설치하여 사용이 가능하다는 점이며 이 모듈이 사용하고 있는 다른 모듈의 의존성 또한 자동으로 해결해준다. npm install 명령어로 말이다. 다른 언어에서 비슷한 개념으로 ruby의 gem php의 composer C#의 NuGet java의 Jpm python의 pip 등이며 대부분 이런 패키지 매니저가 의존성도 해결해주고 있다. 지금은 node.js만 설치하면 자동으로 설..