![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F0S8T6%2FbtrFmlwvOMD%2FYmRX6UVjnbQawr9qiGMeV1%2Fimg.png)
numpy- 기초
2022. 6. 21. 16:45
Language/python
numpy 를 사용하는 이유 - 성능 : 파이썬는 기본 리스트보다 빠름 - 메모리 사이즈: 파이썬 리스트보다 적은 메모리 사용( 더 많은 데이터를 넣어서 많이 로딩할수있어서) - 빌트인 함수: 선형대수, 통계관련 여러 함수 내장 ndarray - C언어가 기본으로 되어있다. 생성 당시에 연속적인 메모리에 잡히게된다. vectorization 라고 ndarray 를 한덩어리생각하고 연산하기 때문에 중요하다 . Vectorization 개념이 정말 중요하다. numpy 를 이용해서 1~100까지 array 를 한덩이라 생각해서 한번에 연산을 하게 하는것이다. matplotlib 은 주피터안에서 간단하게 그래프를 그려준다. ndarry 데이터 생성하기 (random 서브모듈) seed 함수 - 랜덤한 값을 동..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Feji1f3%2FbtrEOHWgdgp%2F0uvhotKiPvBYWLzpDoR3m1%2Fimg.png)
파이썬 기초-3(입출력문)
2022. 6. 15. 16:31
Language/python
출력문 - print() 내장함수 자바와 다르게 print() 이 문자로 출력을 합니다. print() 함수는 괄호의 내용을 출력한다. 출력하고자 하는 ㄱ밧이 여러개이 ㄴ경우에는 콤마로 구분할 수 있으며, 출력할때 각각의 값 사이에 공백 한개가 추가된다. 문자열을 출력하려면 홑따옴표 또는 쌍따옴표를 이용한다. 변수에 저장된 값 출력하기 >>> a = 100 ; b = 200 >>> c = a + b >>> print(a,b,c) # 콤마에 공백이 추가된다. 100 200 300 >>> print(a+b) # 수치 연산자는 계산 결과를 보여준다. 300 >>> print(a+50) 150 문자열 출력하기 >>> print('hello world!') hello world! >>> print('hello',..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FYwXE6%2FbtrEOHvbbIc%2FrMBkjgLV39vRNEjmDZttj1%2Fimg.png)
파이썬 기초 -2
2022. 6. 15. 16:22
Language/python
파이썬 기초를 아주 많이 쉽게 간추려서 올려 드리고있습니다. 완전 기초 입문자를 위한 자료입니다. 문자열 자료형 파이썬에서 문자열 객체는 따옴표를 이용하여 생성합니다. 홑따옴표(' … ') 쌍따옴표(" … ") 홑따옴표 세 개(''' … ''') 쌍따옴표 세 개(""" … """) >>> s ='Python is great!' >>> s ="Python is great!" >>> s = '''Python is great!''' >>> s = """Python is great!""" >>> print(s) Python is great! 또한 역슬래쉬(\)를 이용하여 긴 문자열 생성을 할 수 있습니다. >>> sentence = 'Python is the \ most popular programm..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FpNyxk%2FbtrENpzyuTs%2Fu9LNAN5g0aQCWQGCIxF6AK%2Fimg.png)
파이썬 기초 -1
2022. 6. 14. 15:25
Language/python
객체와 변수 객체(Object) 메모리에 저장된 자료를 '객체'라고 부른다. 모든 객체는 자료형 (data types)을 갖는다. 모든 객체는 고유 id 를 갖는다. 객체를 저장한 공간을 변수(Variable)라고 하고 변수명(variable name)으로 객체에 접근할수 있다. 객체생성하는법 Ex) a = 100 변수명 만들기 변수명은 영어 소문자, 대문자, 숫자,_(underscore)로만 구성한다. 변수명은 숫자로 시작할 수없다. 대소문자를 구분한다. 즉, data 와 Data는 다른변수이다. 변수명은 한글도 가능하다. 키워드(keyword)를 변수명으로 사용하면 안된다. >>>number = 5 >>>score = 90 >>>python_score = 95 >>>_score =100 >>>math..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcWRBYz%2FbtrvE3FvK0M%2FpK5BJNbBnZuJeIOSHM1MZ0%2Fimg.png)
자바스크립트 비동기 AJAX
2022. 3. 10. 17:45
Language/JavaScript
JS 비동기 통신 - (Asynchronous Javascript and XML)은 웹 페이지의 이동없이 필요한 데이터만 전송하는 기술입니다. 일반적인 경우 데어터 처리는 요청 순서대로 진행하지만 AJAX 는 순차적으로 진행하지 않습니다. 이런 방식을 비동기 방식이라고 합니다. 자바스크립트의 비동기 방식은 상당히 까다로운데, 이를 간단하게 사용할수 있게 해주는 최신 자바스크립트 API인 fetch API를 이용하도록 하겠습니다. API는 중간에서 작동하는 특정기능이라고 할수있습니다. 동기적이라는거는 한가지 작업을 순서대로 진행합니다. 원리를 보면 어디인가에 파일을 가져옵니다(지구반대편이라고도 할수있습니다.) 아무리 빨라도 1초이상은 걸립니다. 동기적으로 실행시키면 1다음에 2번에서 펜딩으로 3초 혹은 한..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FclhPNj%2FbtruTEforig%2FPZtnzc0dKVS9bjiBXPisbk%2Fimg.png)
DOM and BOM
2022. 3. 2. 15:51
Language/JavaScript
자바스크립트의 두번째 강력한 기능 Browser Object Model VS Document Object Model BOM 은 브라우저 객체 모델이라 하며, 내장객체들을 의미합니다. window, location, history,document 등이 포함되어있습니다. DOM은 문서 객체 모델이라 하며, document객체를 의미합니다. DOM은 요소(element)의 선택, 삭제 생성 등을 위해 사용합니다. DOM객체를 이용한 요소의 접근은 자바스크립트의 강력한 기능이며 반드시 외워야 하는 기능입니다. DOM
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FsDDRH%2FbtrugPvy1bJ%2F91HXZjkyYSICJKNDxDcle1%2Fimg.png)
JS - 간단한 요소 선택
2022. 2. 24. 17:55
Language/JavaScript
예약 버튼을 클릭시 좌석이 최소 한개 이상 체크 되게 만들고 갯수가 없다면 경고창 을 띄우고 체크되어 있다면 배열에 체크된 좌석을 추가합니다. 마지막으로 JSON 형태의 문자열로 변환 시켜줍니다. 좌석: 1 2 3 4 5 6 7 8 9 예약하기 좌석과 버튼을 만들었습니다. var btn=document.getElementById("btn") //document.getElementBtId 를 //통해 아이디값을 가져옵니다. btn.onclick=function(){ //아이디값을 대입한 변수에 onclick 을 만들고? 함수를 대입합니다. var name=document.getElementsByName("seat"); //폼 안에 input태그에서 getelementsbyName 을 //통해 name에 저..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdrekyB%2Fbtrubhetsst%2FmdneedVSQoKwiQouwLfAY0%2Fimg.png)
JS -이벤트 핸들러
2022. 2. 23. 21:55
Language/JavaScript
이벤트란? 화면에서 클릭이나, 동작시 발생하는 동적인 기능입니다. 자바스크립트의 첫번째 강력한 기능 이며 사용방법만 암기하면 충분합니다. 태그와 스크립트의 이벤트를 연결하는 방식에는 인라인 이벤트모델, 기본 이벤트 모델, 표준 이벤트 모델 이 있으며 이벤트 앞에 on을 붙입니다. 인라인 이벤트 모델 - 인라인 이벤트 모델은 html 요소에 직접 이벤트를 연결하는 방식입니다. 태그 안에 이벤트 종류가 들어가며 on 이 붙습니다. onclick 같은 이벤트 안에는 모든 스크립트 코드가 들어갈 수 있습니다. 예시 예시2 인라인이벤트 1. onclick 은 일반적으로 가장 많이 사용되는 이벤트 입니다. 2. 동일한 함수에 여러 이벤트를 걸어줄 수 있습니다. 3.이때 어떤 이벤트에 대한 동작인지 확인하는 키워드는..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fdsq88N%2Fbtruc6jlJ8T%2FGpwv5I2UeuB3Xs77SLaXLK%2Fimg.png)
JavaScript 기본 함수 2-1
2022. 2. 23. 21:44
Language/JavaScript
함수(화살표 함수) 화살표 함수 -ES6에 추가된 함수 내용으로 => 를 이용하는 함수 입니다. var compute = function(a,b){ return a+b; } 이게 이런식으로 바뀜니다. var compute=(a,b)=>a+b; var comput= fucntion(a,b){ var avg=(a+b)/2; return avg; } 이렇게 바뀜니다. var compute(a,b)=>{ var avg(a+b)/2; return avg; } 단일 명령문일 경우{} 를 생략할 수 있습니다. 스크립트 사용에 많은 변화를 줄 함수입니다. 즉시실행 함수 (function(){ }) 즉시 실행 함수- 함수 표현(function expression)은 함수를 정의하고 ,Or 변수에 함수를 저장하고 실행하는..
JavaScript-기본 2(함수)
2022. 2. 23. 20:56
Language/JavaScript
함수 (선언적 함수) 자바스크립트에서 함수는 1급 최상위 함수입니다 객체지향 프로그래밍 언어에서 메서드의 기능보다 훨씬 더 많은 기능을 한다. 자바스크립트 사용자 정의 함수 분류 종류 의미 사용자 정의 함수 선언적 함수 익명함수 사용자가 정의하는 함수 function name(매개변수) { //return true; } 선언적 함수 -반환 유형은 적지 않으며 매개변수도 적지 않을 수 있습니다. -매개변수는 데이터 타입을 적지 않습니다. -리턴은 적어도 되며 적지 않아도 상관없습니다. compute(); function compute(){ var x = 100; var y = 10; var result =x/y; console.log(result); } //compute(); compute(100,10);..