프로그래밍 공부하기

0. BeautifulSoup, requests 설치 실습 1: 내가 만든 html에서 데이터 가져오기 from bs4 import BeautifulSoup html=""" h1태그의 텍스트 p1태그의 텍스트1 p태그의 텍스트2 span.value").string print("환율=", price) requests를 이용하여 URL을 요청하고 응답받아 이를 BeautifulSoup를 사용하여 사이트의 요소에 접근할 수 있다. css선택자의 경우 웹브라우저의 개발자도구(F12)를 참고하여 작성한다. 완성된 코드는 cron을 명령어로 코드를 주기적으로 수행시켜 데이터를 원하는 기간마다 수집하는 식으로 활용 가능하다. 실습3. 외부 페이지에서 데이터 가져오기 - 네이버 뉴스 제목 BeautifulSoup는 f..

아스키코드란 컴퓨터에서 문자를 표기하기위한 부호체계이다. 0-127(7bit)사이의 숫자를 각각 하나의 문자에 대응시켜놓은 것이다. 총 8bit로 구성되어있으며 이 중 7bit를 문자표현에 사용하며, 나머지1bit는 과거 에러 검출을 위한 paritiy비트(7개의 비트 중 1의 개수가 홀수면 1, 짝수면 0)로 사용되었으나 현재는 더이상 쓰이지 않고 0을 채운다. 아스키코드는 현재 가장 많이 사용되는 UTF-8 유니코드와 호환된다. 1. chr(i) chr은 숫자를 입력받아 해당 숫자에 해당하는 유니코드(파이썬 소스 코드의 기본 인코딩은 UTF-8)를 반환하는 함수이다. 유니코드가 아스키코드와 호환되므로 0-127범위의 숫자가 입력되면 해당 숫자에 해당하는 아스키코드를 반환한다는 의미와 동일하다. chr..

undefined와 null은 모두 값이 없음을 나타낸다. 그러나 자세히 살펴보면 둘은 다른 의미, 다른 목적을 갖고있다. 1. undefined 프로그래밍을 하며 undefined값을 만날 수 있는 경우는 다음과 같다. 값을 대입하지 않은 변수에 접근할 때 객체(배열 등 포함)의 존재하지 않는 속성에 접근할 때 return이 없는 함수의 실행 결과 프로그래머가 직접 undefined를 할당해주었을 때 let a; function fn(){} let arr1 = []; a //undefined arr1[5] //undefined fn()//undefined 프로그래머가 직접 undefined를 할당해주는 경우를 제외하면 undefined는 값이 없는 변수에 접근할 경우 JavaScript가 전달해주는 값..

앞선 포스팅에서 JS 데이터 타입의 불변성과 가변성에 대해 알아보았다. 이번엔 불변성과 가변성의 또다른 예시인 let과 const에 대해 비교해보자. (이전포스팅: 2021/01/07 - [Javascript] - 불변성과 가변성 1 - JS의 자료형) 재할당 재선언 Scope var 가능 가능 Function let 가능 불가능 Block const 불가능 불가능 Block let과 const와 var를 비교하면 다음과 같다. 여기서 주목해야할 것은 '재할당' 부분이다. let은 재할당이 가능하고 const는 재할당이 불가능하다는 말을 변수의 값(value)를 변경할 수 있고 없고로 해석할 수도 있다. 그러나 다음과 같은 예외가 있다. const obj1 = {}; obj1.a = 77; const로 ..

JavaScript의 자료형은 크게 Primitive Type(원시타입)과 Refefence Type(참조 타입)으로 나뉜다. Primitive type은 할당이나 연산 시 값이 복제되고 Reference type은 참조된다. 또한 Primitive type은 불변값(immutable) 이며 Referenct type은 가변값(mutable)이라고 알려져있다. 이를 구제척으로 알아보자. 1. Primitive Type 1) 선언과 할당 Primitive type을 선언하고 값을 할당하면 메모리(식별자)에 값(숫자, 문자열 등)을 저장하게 되며 변수를 사용하거나 다른 변수에 할당할 때 메모리 안에 있는 저장된 값을 사용하게 된다고 배운다. 그러나 엄밀히 말하면 primitive type 또한 주소 값을 갖..

1. 재귀함수 재귀함수란 자기자신을 다시 호출하여 문제를 해결하는 함수이다. 주어진 문제가 비슷한 구조의 더 작은 문제로 나누어질 수 있거나, 중첩된 Loop가 너무 많은 경우, 중첩된 Loop의 중첩의 정도를 미리 알 수 없을 경우 사용한다. 예를 들어 3!의 값을 구해보자. 3! = 3 * 2!로 나타낼 수 있으며 2! = 2 * 1!, 1! = 1*0!으로 나타낼 수 있다. 이 때 0보다 작은 factorial 값은 존재하지 않으므로 0! = 1이 가장 작은 factorial 값이 된다. 즉 다음 그림과 같은 상황인 것이다. 그림을 다시 코드로 나타내면 다음과 같다. //factorial 구하기 function factorial(num) { if(num < 1){ return 1; } return ..

객체의 속성이나 메소드에 접근할 때 해당 항목이 없다면 오류가 발생된다. 이러한 상황에서 오류발생 대신 undefined를 리턴하는 것이 ?. 연산자이다. 단, Internet Explorer 브라우저는 이를 지원하지 않는다. 1. 속성/배열 let obj = {}; obj.prop1 //undefined obj.prop1.prop2 //Uncaught TypeError: Cannot read property 'prop2' of undefined obj.prop1?.prop2 //undefined obj.prop1?.prop2?.prop3 //undefined let arr = []; arr[10] //undefined arr[10][1] //Uncaught TypeError: Cannot read pr..

JavaScript에는 ??라는 연산자가 있다. a ?? b 라는 연산을 수행하면 첫 번째 피연산자가 null 또는 undefined일 때 두 번째 피연산자를 반환하고, 그렇지 않으면 첫번째 피연산자를 반환한다. console.log(null ?? 1); //1 console.log(null ?? 0); //0 console.log(0 ?? null); //0 console.log(null ?? undefined); //undefined console.log(undefined ?? null); //null 위와 같이 ??연산의 결과는 첫 번째 항이 null 또는 undefined인지에만 영향을 받으며 ||와 달리 falsy한 값인지는 상관이 없다. ??연산자를 사용하면 null 또는 undefind가 아..

JavaScript 코드의 성능에 대해 웹 서핑을 하던 중 Hidden Class라는 개념을 알게되었다. 1. Dynamic Typing JavaScript의 특징 중 하나는 동적 타이핑 언어라는 점이다. 변수를 선언할 때 다른 언어에서 int, char 등의 타입을 함께 지정해주는 것과 달리 Javascript는 특정한 타입을 지정해주지 않는다. 또한 JavaScript는 객체의 속성을 코드 중간에 추가하거나 삭제하여 객체의 속성을 동적으로 변경할 수 있다. 이러한 특징은 코드를 작성할 때 프로그래머를 자유롭게(?) 해주지만 코드 실행 시에는 성능이 감소되는 단점이 있다. 정적 타이핑 언어의 객체의 경우 객체의 속성과 속성 값의 저장 위치가 코드 실행 전에 지정이 되므로 객체의 속성에 접근할 때 미리 ..

1. Boolean 값 논리연산자는 보통 Boolean 값(True/False)과 함께 쓰이며 그 결과는 다음과 같다. 2. 그 외의 값 Boolean값이 아닌 다른 값이 Input으로 들어오면 결과는 어떻게 될까? 사실 ||와 &&는 피연산자 중 하나의 값을 반환하는 연산자이므로 Boolean 타입이 아닌 다른 값이 반환될 수 있다. 2-1. OR OR의 경우 a || b 연산을 하였을 때 a가 true로 변환할 수 있으면 a를 반환, 그렇지 않으면 b를 반환한다. console.log(-1 || 1) //-1 console.log(1 || -1) //1 console.log(0 || 1) //1 console.log(-1 || 0) //-1 위 예시에서 -1과 1은 truthy한 값이고, 0은 fal..