개발감성

ES6부터 JS에 새로운 자료구조인 map과 set이 추가되었다. set은 일반적인 배열구조에서 중복값이 없는 집합구조라는 것이 가장 큰 특징이다. 배열(array)과 집합(set)의 차이 배열 배열은 3의 값을 가지는 인자가 두개 이상 있어도 모두 출력된다. 집합 집합은 3의 값을 가지는 인자가 여러개라면 중복이 제거되어서 1,2,3만 저장된다. (첫 인자로 보이는 size:3은 크기를 나타냄) Set생성 및 추가 - new, add 방법 1. 아무 인자도 주지 않고 정의된다. 후에 인자를 추가해줘야 함 방법 2. 정의하면셔 add를 사용해 인자를 추가하여 생성한 뒤 후에 인자를 추가했다. 또한 콘솔창을 보면 눈치챌 수 있듯이 set은 arr의 length대신 size를 사용해 크기를 표현한다. 방법 ..

기본세팅 pymongo와 mongodb설치 db연결후 ismaster커맨드로 연결확인을 하거나 connection객체의 server_info를 통해 정보가 불러지는지 확인 Mongodb 사용 데이터삽입 생성한 객체에 insert_one을 사용하여 데이터를 삽입한다. 데이터조회 하나의 데이터 조회 메서드는 find_one이다. 두 개의 데이터를 추가로 생성하고 그 중 222의 id를 가진 데이터를 조회했다. 여러 데이터를 모두 불러오기 위해 find를 사용하여 all_data에 담아주고 for문을 통해 모든 데이터를 출력했다. 데이터삭제 delete_one은 id 222에 해당하는 하나의 데이터를 삭제해준다.(id222여러개가 있어도 하나만 삭제) 삭제 후 다시 모든 데이터를 출력해보니 111과 222의 ..

기본 세팅 PyMySQL설치 (설치 경로 유의) DB생성 (여기서 자세하게 다루진 않습니다) MySQL 설치 root user에 권한 부여(GRANT) 여기선 새로운 user인 blog생성한 상태(마찬가지로 권한 부여) CREATE로 DB생성 blog_db가 생성되었으면 같은 이름으로 생성할때 이미 존재한다고 메세지가 뜬다. show databases명령으로 존재하는 db를 확인할 수 있다. use blog_db 명령어로 아까 생성한 db를 사용하도록 한다. 해당 db에 create table 명령으로 테이블을 하나 생성해주며 db생성을 마친다. DB 연결 pip로 다운받았던 pymysql을 import하고 connect메소드에 파라미터값을 지정하고 MYSQL_CONN라는 이름의 connect 객체를 생..

MVC 패턴 - Model, View, Control MVC : 소프트웨어 개발 방법 중 하나 Model : 데이터베이스 (백엔드 서버, 데이터를 다루는 부분) View : 인터페이스 (프론트엔드, 사용자의 눈에 보이는 웹페이지 등) Control : M과 V 사이에서 제어 담당 (RestAPI등) MVC의 목적 MVC에 따라 코드를 분류하여 관리를 쉽게 하는 것 (위의 폴더 구조처럼 모델에 맞게 분류함) 자주 변경할 수 있는 View부분등을 따로 빼서 유지보수를 쉽게 하겠다는 것이 목적 MVC의 단점 기본 취지와 어긋나게 유지보수 시 MVC 세 부분을 모두 조금씩 건드려야 하는 상황이 나옴 하나의 기능이 여러군데에 흩어져 있을 때, 코드의 가시성이 떨어질 수가 있음 import bluePrint라는 같..

before_first_request : 웹 application 기동 이후 가장 처음에 들어오는 HTTP 요청에서만 실행 before_request : HTTP 요청이 들어올 때마다 실행 위 두개는 인자 전달 불가능 after_request : HTTP 요청 처리가 끝나고 브라우저에 응답하기 전에 실행 response 리턴 필요 처음 페이지(/)를 들어가면 셋 모두 실행된다. 라우팅 경로로 들어가면 hello가 출력되는 대신 before_first_request는 더이상 실행되지 않는다. 새로고침을 하면 같은 데코레이터가 다시 실행된다. 다시 / 경로로 돌아가자 route데코레이터는 실행되지 않으며 다른 두개는 실행된다.

에러 페이지 처리 위와 같이 라우팅 경로 /home로 들어가면 해당 페이지가 나타난다. 만약 경로에 없는 URL이 입력된다면 not found 코드인 404에 해당하는 errorhandler를 실행시키도록 하여 에러페이지를 원하는 페이지로 만들어 준다. 로그 파일 생성 flask는 logging패키지를 지원한다. 로그파일 설정으로 저장할 파일 이름과 어떤 레벨의 오류부터 저장할지 설정한다. 실행하면 설정한 대로 error레벨의 로그들만 저장되어 파일에 저장된다. 보통 error단계부터 실행에 영향을 끼치는 레벨의 오류이다. Not Found 에러를 로그에 저장하기 app.debug가 True라는 것은 개발단계에서 디버그내용을 확인하겠다는 것이다. False라는 것은 실제 배포를 하겠다는 내용이다. 즉, ..

RestAPI [Back-end] flask로 Rest API 구현 REST (REpresentational State Transfer) Rest API는 REST기반 서비스 API 이다. HTTP는 서버/클라이언트 모델로써 서버와 컴퓨터가 서로 Response(요청)과 Request(응답)으로 통신을 한다. 여기서 통신을 할 때,.. developefeel.tistory.com 다른 도메인에서 데이터 가져오기 [Back-end] CORS (Cross Origin Resource Sharing) 백엔드 서버 - 파이썬 Flask 포트번호 8082에 라우팅 경로 test에서 데이터(success=True)를 response하도록 해뒀다. 옆의 200은 Not Found:404처럼 서버 상태를 나타내는 번호..

백엔드 서버 - 파이썬 Flask 포트번호 8082에 라우팅 경로 test에서 데이터(success=True)를 response하도록 해뒀다. 옆의 200은 Not Found:404처럼 서버 상태를 나타내는 번호이며 200은 정상연결을 의미한다. 해당 8082포트의 /test페이지에는 전달한 데이터가 나타난다. 프론트엔드 서버 - html, Vue html문서에 Vue를 CDN방식으로 받아두고 app에 리터럴 형식으로 method를 정의해 8082포트의 test경로의 사이트를 axios를 이용해 get방식으로 데이터를 받아오도록 한다. 해당 app의 이름으로 된 div태그에 버튼을 넣고 클릭 시 받아온 데이터를 response데이터로써 콘솔창에 찍도록 해준다. Same Origin Policy 위처럼 백..

상속의 개념에 이어서 메소드 오버로딩과 오버라이딩에 대해 알아본다. [JS] 자바스크립트에서 상속 상속 여기 하나의 클래스가 있고 속성1개와 메서드1개를 가지고 있다. 또 하나의 클래스를 정의하는데 아무 내용도 없는 클래스로 만든다. 빈 클래스 MyChild에 new를 사용해 아까 만든 클래스 MyPare developefeel.tistory.com Constructor 상속 관계에 있는 두 클래스의 인스턴스를 각각 생성해본다. 생성한 인스턴스들의 constructor가 각각 어떤 클래스를 가르키는지 확인해본다. 첫번째 조건문은 실행되는 것으로 보아 par인스턴스의 constructor에는 부모클래스의 인스턴스가 담겨있는 것을 볼 수 있다. 하지만 자식인스턴스인 ch에는 Child가 담겨있지 않아서 두번..

상속 여기 하나의 클래스가 있고 속성1개와 메서드1개를 가지고 있다. 또 하나의 클래스를 정의하는데 아무 내용도 없는 클래스로 만든다. 빈 클래스 MyChild에 new를 사용해 아까 만든 클래스 MyParent를 상속받는다. 빈 클래스를 child의 이름으로 인스턴스 생성을 한 뒤 부모클래스의 메소드인 method1을 호출해본다. 빈 클래스의 인스턴스인 child가 상속이 되어서 부모클래스의 메소드를 호출할 수 있다. 상속 - 확장 CellPhone을 부모 클래스로 생성하고 DmbCellPhone클래스에 상속을 시킨다. 이번엔 자식클래스를 빈 클래스로 만들지 말고 프로퍼티와 메서드를 함께 생성한다. 상속받은 자식클래스의 인스턴스를 생성하고 부모클래스의 메서드와 자신의 메서드를 모두 호출해본다. 상속은 ..