본문 바로가기
반응형

프로그래밍331

vue.js - 7.반복문(v-for) ●반복문(v-for) - 자바스크립트에서의 for문 역할을 한다. - 반복해야하는 html요소안에 넣어서 사용한다. ex)배열 반복문 예제 {{text}} num : {{man.num}} , name : {{man.name}} , job : {{man.job}} num : {{man.num}} name : {{man.name}} job : {{man.job}} ex)객체 반복문 예제 {{text}} {{key}}, {{value}} {{index}} : {{key}}, {{value}} 2021. 8. 1.
vue.js - 6.조건문(v-if, v-else, v-else-if, v-show) 디렉티브 ●v-if, v-else, v-else-if, v-else - 표현그대로 조건문이다. 조건을 만족하면 랜더링을 해서 보여주고, 조건을 만족하지 않으면 랜더링을 하지않는다. ●v-show - 특정조건을 만족하면 보여주고, 만족하지 않으면 display:none 해서 보여주지 않는다. - 화면엔 보이지 않아도 실제론 랜더링을 하기 때문에 화면이 자주 변경되는 부분에 대해선 v-if보단 v-show를 써주는게 좋다. ex) {{text}} 100초과 100점 나머지 100초과하였습니다. 2021. 8. 1.
vue.js - 5. v-bind, v-model 디렉티브 ●v-bind 디렉티브 - v-bind는 html의 속성을 설정할 때 사용한다. - 'v-bind:속성'에서 'v-bind'를 생략하고 ':속성'만 써도 된다.(v-bind:src -> :src) ex) {{text}} ●v-model 디렉티브 - v-text, v-html등은 모두 단방향 디렉티브이다. - v-model은 사용자가 입력한 값으로 모델의 값을 바인딩 해주는 양방향 디렉티브이다.. ex) {{text}} 벤츠, bmw, 아우디, 페라리, 람보르기니 선택한 자동차: 2021. 8. 1.
vue.js - 4. v-text, v-html 디렉티브 ●디렉티브란 - 디렉티브는 번역하면 '지시문'이라는 뜻으로 vue의 문법이라고 생각하면 된다. ●샘플소스 {{text}} {{text2}} ●v-text 디렉티브 - 자바스크립트의 innerText 와 같은 역할을 한다. - html태그가 적용되지 않고 문자열이 그대로 보여진다. ●v-html 디렉티브 - 자바스크립트의 innerHTML 과 같은 역할을 한다. - html태그가 적용된 화면이 보여진다. 2021. 8. 1.
vue.js - 3.vue기본구조(MVVM) ●샘플예제 ex)소스 {{text}} ●vue,js 기본구조(MVVM) - 모델 객체는 데이터를 가지고 있다. - view 안에서는 {{ }} 와 같은 표현식을 사용하여 HTML DOM에 데이터를 랜더링한다. 콧수염 모양을 닮았다고 하여 콧수염 표현식(Mustache Expresstion)이라고 부른다. - vue객체(VIewModel객체)는 HTML요소와 모델을 참조하고 있다. vue객체의 el속성은 HTML의 요소(element)를 뜻한다. view의 요소를 바라본다. data속성은 모델 객체를 참조한다. - 모델의 데이터를 변경하면 vue객체를 통해 HTML DOM이 즉시 반영되어 view의 값이 변경된다. 2021. 8. 1.
vue.js - 2.Visual Studio Code(VSCode) 한글 언어설정하기 1.Visual Studio Code 상당>View>Command Palette 클릭 2.display 입력후 'Condigure Display Language' 클릭 3.'Install Additional Languages' 클릭 4.언어 목록중 한국어 install 클릭 5. 목록중 한국어 못찾겠으면 korea 입력 6. 설치완료후 restart 클릭 8.완료 2021. 8. 1.
vue.js - 1.개발환경세팅 ●vue.js - 웹 화면 개발에 최적화된 자바스크립트 프레임워크이다. Angular, React에 비해 배우기 쉽고 진입장벽이 낮아 최근에 빠르게 뜨고 있는 프레임워크이다. - vue.js는 전형적인 MVVM(Model-View-ViewModel)의 패턴을 따르고 있다. (MVVM패턴은 어플리케이션 로직와 UI의 분리를 위해 설계된 패턴이다.) ●개발환경세팅 -필요한 도구 Node.js 서버측 자바스크립트 플랫폼 npm 앱의 의존성 관리위한 node package manager Visual Studio Code 코드 편집도구 크롬 vue.js devtools 크롬에서 동작하는 vue 테스트툴 Vue-CLI 앱 작성을 위한 틀을 제공 1. Node.js 설치 - https://nodejs.org/ko 접.. 2021. 8. 1.
데이터분석 - 3.아나콘다 파이썬 버전 바꾸기 ●파이썬 버전 변경하기 1.우선 프롬프트 창에 "conda search python"를 입력하여 사용가능한 파이썬 버전을 확인한다. 2.아래 명령어를 이용하여 원하는 버전으로 변경한다. conda install python=2.7.15 ●파이썬 옛날버전으로 설치 - 위 방법으로 파이썬 버전을 변경하였는데도 불구하였는데도 뭔가 잘 안된다면, 원하는 버전을 다운받아 설치한다. - 아래 주소에서 원하는 파이썬 예전버전을 다운받아 설치한다. https://repo.anaconda.com/archive/index.html Anaconda installer archive repo.anaconda.com 2020. 5. 17.
데이터분석 - 2.판다스, 넘파이 설치 ●판다스 - 파이썬에서 가장 널리 사용되는 데이터 분석 라이브러리이다. 데이터프레임이라는 데이터형을 사용한다. - 데이터프레임은 엑셀의 스프레드시트와 유사한 형태이다. 파이썬으로 데이터를 편하게 처리할 수 있게 해준다. ●넘파이 - 넘파이는 Numerical Python의 줄임말로, 수치계산과 관련된 라이브러리이다. - 배열 개념으로 변수를 사용하며 벡터, 행렬 등의 연산을 편하게 수행하게 도와준다. ●판다스, 넘파이 설치 명령어 - pip install pandas numpy 2020. 5. 12.
데이터분석 - 1.아나콘다, 쥬피터 설치하기 ●아나콘다 -0 기본적인 데이터 과학 라이브러리를 포함하는 파이썬 프레임워크이다. ●아나콘다 설치하기 - 아래 사이트에서 아나콘다 설치파일을 다운받는다. https://www.anaconda.com/products/individual - 설치파일 다운받은 다음 설치한다. - cmd에 "conda --version" 명령어로 설치여부와 버전을 확인할 수 있다. ●쥬피터 노트북 -웹브라우저에서 파이썬 코드를 작성하고 실행 할 수 있도록 해주는 도구이다. IDLE로도 파이썬을 실행시킬 수는 있지만, 쥬피터 노트북은 웹브라우저 기반으로 편리하게 파이썬을 실행할고 관리할수 있다. ●쥬피터 노트북 설치하기 - 쥬피터 노트북은 파이썬의 pip 로 설치한다. 아나콘다 프롬프트에서 아래 명령어를 입력한다. pip ins.. 2020. 5. 12.
파이썬(Python) - 33.클래스(2) ●isinstance() - 객체가 어떤 클래스로부터 만들어 졌는지 확인한다. - 기본형태 isinstance(객체, 클래스) ex) ●클래스 함수 만들기 - 기본형태 class 클래스명 @classmethod def 클래스 함수(cls, 매개변수) ~~ 클래스명.클래스 함수(매개변수) ex) ●상속 - 기본형태 class 부모클래스: ~~~ class 자식클래스(부모클래스): def __init__(self): def 부모클래스.__init__(self) ~~ 2020. 5. 7.
파이썬(Python) - 32.클래스(1) ●클래스 - 기본형태 class 클래스명: 클래스내용 객체명 = 클래스명() ●생성자 - 클래스 내부에 __init__ 을 이용한다. - 첫번째 매개변수로 self를 입력해야한다. self는 자기자신을 뜻한다. - 기본형태 class 클래스명: def __init__(self, 추가적인 매개변수): ex) 2020. 5. 7.
파이썬(Python) - 31.모듈 만들기 ●모듈 만들기 - 만들고자 하는 변수와 함수를 선언해주면 된다. ex) ●모듈의 __name__ 의미 - 모듈 내부에서 __name__ 은 해당 모듈의 이름을 나타낸다. 해당 모듈이 main일 경우 __main__ 을 출력한다. ex) ●패키지 - 모듈이 모여서 구조를 이룬것이다. - 폴더를 만들어서 모듈을 집어넣으면 된다. ex) ●__init__.py - 패키지를 만들때 패키지 내부의 모듈들을 한번에 가져오도록 지원해준다. - 파이썬에서 패키지를 읽어 들일때 __init__.py를 가장 먼저 실행한다. - 기본형태 __init__.py 파일 __all__ = ["모듈명", "모듈명", ... ] 실행파일 from 패키지명 import * ex) 2020. 5. 7.
파이썬(Python) - 30.pip, 셀레니움, webdriver 설치하기 ●pip 설정 - 특정 버전 이상의 파이썬에서는 pip가 내장되어 있다. pip가 실행이 안되면 환경변수를 설정해야한다. 1. 내컴퓨터>속성>설정변경>시스템속성>고급>환경변수 2.Path에 "파이썬 설지경로"와 "설치경로/Scripts" 를 추가한다. ex)C:\Python34;C:\Python34\Scripts 3.cmd에서 "pip -help" 실행이 되면 완료! ●파이썬 셀레니움 설치 - 셀러니움은 브라우저를 컨트롤 하는 모듈이다. 특정 사이트에 접속하여 로그인, 클릭, 입력 등의 이벤트를 수행할 수 있다. - 설치방법 1. cmd 접속 2. pip install selenium 실행 ●chrome webdriver 설치 1. 우선, 내 크롬의 버전을 확인한다. 2.아래 링크에서 크롬 버전에 맞는 .. 2020. 5. 1.
파이썬(Python) - 29.외부모듈 ●외부모듈 - 파이썬에서 기본적으로 제공해주는 모듈이 아닌, 다른 사람이 만들어서 공개한 모듈이다. - cmd창에서 pip 를 이용해서 설치, 제거한다. - 모듈설치 pip install 모듈명 ex) ●pip로 설치한 모듈(BeautifulSoup) 예제 ex) ●pip 외부모듈 삭제 - 기본형태 pip uninstall 모듈명 ex) ●파이썬의 유용한 외부모듈 - 웹서버 개발 : Django, Flask - 인공지능 개발 : scikit-learn, tensorflow, keras - 데이터분석 : pandas, matplotlib - 크롤러 개발 :BeautifulSoup, requests, scrapy 2020. 5. 1.
파이썬(Python) - 28.표준 모듈 ●모듈 - 모듈은 여러 변수와 함수를 가지고 있는 집합체이다. 자바의 라이브러리와 유사한 개념이라고 보면 된다. - 파이썬이 기본적으로 내장하고 있는 모듈을 표준모듈, 다른 사람이 만들어서 공개한 모듈을 외부모듈이라고 부른다. - 모듈을 가져올때 코드 가장 위에 "import 모듈명" 을 쓴다. ●math 모듈 예제 - 수학과 관련된 표준모듈이다. ex) ●from 구문 - 모듈에서 특정 함수만 가지고 올때 쓴다. from 으로 가져오면 모듈명을 쓰지않고, 바로 함수만 써도 된다. - 형태 from 모듈명 import 함수,함수,함수 ex) ●as구문 - 모율에 이름을 붙일 때 사용한다. - 기본형태 import 모듈명 as 이름 ex) ●random 모듈 예제 ex) ●sys 모듈 예제 ex) ●os .. 2020. 5. 1.
파이썬(Python) - 27.예외처리(2) ●예외객체 : Exception - 예외가 발생하면 예외 정보는 예외객체(Exception) 저장된다. - 기본형태 try : ~~ except Exception as 객체명: print("type(객체명):" , type(객체명) print("객체명:", 객체명) ex) ●예외 구분하기 - 발생하는 예외를 구분하여 처리할 수 있다. - 기본형태 try: ~~ except 예외종류1: ~~ except 예외종류2: ~~ except 예외종류3: ~~ except Exception as exception: #보통 마지막엔 Exception을 넣어 모든 예외를 처리해주도록 한다. ~~ ex) ●raise구문 - 프로그래밍 편의를 위해 프로그램에 강제 예외를 발생시킬때 사용한다. - 기본형태 raise 예외명.. 2020. 5. 1.
파이썬(Python) - 26.예외처리(1) ●예외처리 : try: ~ except: - 자바의 try, catch와 비슷한 기능이라고 보면 된다. - 기본형태 try: 예외가 발생할 가능성이 있는 코드 except: ex) ●try except 구문과 pass 조합 - 프로그래밍 하다가 예외가 발생해도 중요하지 않은 부분은 그냥 넘어가도록 하기위해 pass키워드를 쓴다. - 기본형태 try: 예외발생 가능성이 있는 코드 except: pass ex) ●try except else 구분 - else를 이용하여 예외가 발생하지 않을때 실행할 코드를 지정할 수 있다. - 기본형테 try: 예외발생 가능성 코드 except: 예외발생시 코드 else: 예외 발생하지 않을때 코드 ex) ●finally구문 - 예외가 발생하든 안하든 무조건 실행되는 부분 .. 2020. 5. 1.
파이썬(Python) - 25.텍스트 파일 처리하기 ●파일 열기 : open() - 파일을 처리하려면 먼저 파일을 열어야 한다. - 기본형태 open("경로", 파일모드) - 파일모드 w - 새로쓰기 모드 a - 뒤에 이어서 쓰기 모드 r - 읽기 모드 ●파일 닫기 : close() - 파일을 열었으면 반드시 닫아줘야 한다. - 기본형태 파일객체.close() ●파일 쓰기 : write() - 기본형태 파일객체.wirte("문자열") ex) ●with 키워드 - 소스가 길어지면 파일을 닫지 않는 실수를 할 가능성이 있다. with를 이용하면 이러한 실수를 방지할 수 있다. - with 구문이 종료되면 자동으로 파일이 닫힌다. - 기본형태 with open("경로", "모드") as 파일객체: 문장 ex) ●텍스트 읽기 : read() - 기본형태 파일객체.. 2020. 4. 25.
파이썬(Python) - 24.람다 ●람다 - 파이썬에서 함수를 작성할 때 공간 낭비없이 함수를 간단하게 선언하게 해주는 기능이다. - 기본형태 lambda 매개변수 : 리턴값 lambda x : x * 2 lambda x , y : x + y ●map()함수 - 리스트의 요소를 함수에 넣고 리턴된 값으로 새로운 리스트를 만든다. - 기본형태 map(함수, 리스트) ex) ●filter()함수 - 리스트의 요소를 함수에 넣고 리턴된 값이 true인것만으로 새로운 리스트를 만든다. ex) ●람다를 활용한 map(), filter() 예제 ex) 2020. 4. 25.
파이썬(Python) - 23.튜플 ●튜플 - 다른 프로그래밍 언어에는 없는 파이썬만이 가지고 있는 특별한 문법이다. - 리스트와 비슷한 자료형이다. - 리스트와 다른접은 한번 결정된 요소를 변경할 수 없다. - 기본형태 (데이터, 데이터, 데이터.....) ex) ●요소를 하나만 가지는 튜플 표현 -요소를 하나만 가지는 튜플은 데이터 뒤에 콤마(,)를 찍어서 표현한다. - 기본형태 (데이터 , ) ●괄호가 없는 튜플 ex) ●함수에서 튜플로 리턴하기 ex) 2020. 4. 25.
파이썬(Python) - 22.함수 응용(재귀함수와 메모화) ●재귀함수 - 재귀함수란 자기 자신을 호출하는 함수이다. ex) ●재귀함수를 이용한 피보나치 수열 예제 ex) ●메모화 기법 - 같은 연산을 여러번 반복할 경우 연산 속도가 느려질수 있다. 한번 계산한 값을 저장해서 코드의 속도를 향상히킨다. ex) 2020. 4. 25.
파이썬(Python) - 21.함수 만들기 ●함수정의 - 기본형태 def 함수명(): 문장 ex) ●가변 매개변수 - 함수의 매개변수를 원하는 만큼 받을 수 있게 해준다. - 가변 매개변수는 1개만 사용할 수 있다. - 가변 매개변수 뒤에는 일반 매개변수가 올 수 없다. - 함수내에서 가변 매개변수는 리스트처럼 활용한다. - 기본형태 def 함수명(매개변수, 매개변수, ..., *가변 매개변수) 문장 ex) ●기본 매개변수 - 매개변수를 입력하지 않았을때, 기본적으로 매개변수에 세팅되는 기본값이다. - 기본 매개변수 뒤에는 일반 매개변수가 들어갈 수 없다. ex) ●리턴 - return 은 함수를 종료시킨다. - 아무것도 리턴하지 않을땐 None를 출력한다. ex) ●입력한 숫자범위를 모두 더하는 함수 예제 ex) 2020. 4. 25.
파이썬(Python) - 20.이터레이더 ●이터레이터 - next()함수를 이용하여 하나하나 꺼낼수 있는 요소 ex) 2020. 4. 23.
파이썬(Python) - 19.리스트 min(), max(), sum(), reversed(), enumerate() 함수 ●리스트 min(), max(), sum(), - 리스트의 최소값, 최대값, 합을 구한다. ex) ●리스트 순서 뒤집기 - reversed() ex) ●enumerate() 함수 - 열거한다는 뜻으로 리스트의 값에 순서를 붙여준다. ex) 2020. 4. 23.
파이썬(Python) - 18.반복문(for, while) ●범위 자료형 : range - range(n) - 0부터 n-1까지의 정수로 범위를 만든다. - range(a,b) - a부터 b-1까지의 정수로 범위를 만든다. - range(a,b,c) - a부터 b-1까지의 정수로 범위를 만드는데, c만큼 차이를 가진다. ex) ●range()를 이용한 반복문 ex) ●while 반복문 - 기본형태 while 불표현식 : 문장 ex) ●반복문 이용해서 리스트의 특정값 모두 제거하기 ex) ●반복문 이용해서 특정시간동안 프로그램 멈추기 ex) 2020. 4. 23.
파이썬(Python) - 17.딕셔너리 ●딕셔너리 - 키를 기반으로 값을 저장하는 자료형이다. (리스트는 인덱스를 기반으로 값을 저장하는 자료형) - 중괄호{}를 선언하고, '키:값' 형태로 쉼표로 구분한다 - 기본형태 변수명 = { 키:값, 키:값, ... } ex) ●딕셔너리에 값 추가/변경/제거 - 변수명["키"] = 값 ->키가 없으면 추가되고, 있으면 값이 변경된다. - del 변수명["키"] ex) ●딕셔너리 get함수 - 리스트의 특정 키값을 출력한다. 특정키가 없는 경우 None 라는 문자를 출력한다. ex) 2020. 4. 20.
파이썬(Python) - 16.리스트(2) ●리스트에 요소 추가하기 : append, insert - append(요소) : 리스트 뒤에 요소를 추가한다. - insert(위치, 요소) : 리스트 중간에 요소를 추가한다. ex) ●리스트에 요소 제거하기 : del, pop - del 리스트명[인덱스] - 리스트명.pop(인덱스) - 리스트명.pop() : 인덱스를 입력하기 않으면 제일 마지막 요소를 제거한다. ex) ●리스트 요소 값으로 제거 : remove - 리스트명.remove(값) - 리스트에 중복된 값이 여러개 있는 경우 제일 앞 하나만 제거한다. ex) ●리스트 요소 모두 제거 : clear - 리스트명.clear() ex) ●리스트에 특정 값이 있는지 확인 : in / not in - 값 in 리스트명 ex) ●리스트 반복문 - fo.. 2020. 4. 20.
파이썬(Python) - 15.리스트(1) ●리스트(List) - 파이썬에서 리스트를 생성하는 방법은 대괄호[] 에 쉽표로 구분해서 입력한다. 대괄호 내부에 있는 데이터를 요소(element)라고 부른다. - 기본형태 [요소, 요소, 요소...] ex) ●리스트의 인덱스(index) - 파이썬 인덱스는 0 부터 시작한다. ex) ●리스트의 음수 인덱스 - 음수 인덱스는 리스트의 뒤에서 부터 선택한다. ex) ●리스트 연산 더하기(+), 곱하기(*), 길이구하기(len) ex) 2020. 4. 20.
파이썬(Python) - 13.현재 날짜, 시간 구하기 ●파이썬 현재 날짜, 시간구하기 - datetime을 이용하여 현재 날짜,시간을 구할수 있다. ex) import datetime now = datetime.datetime.now() print(now.year, "년") print(now.month, "월") print(now.day, "일") print(now.hour, "시") print(now.minute, "분")) print(now.second, "초") 2020. 4. 13.
반응형

티스토리툴바