mo1lusca의 블로그

동아리 시간에 배운 DB와 SQL에 대해 정리하려 한다.DB란??Data Base, 즉 데이터를 모아두는 저장소이다.DB를 관리하기 위해서 DBMS를 사용하는데, 주요 DBMS로는 MySQL, SQLite, Oracle database 등이 있다.필자는 MariaDB를 썼었다 SQL이란??DB에 데이터를 저장, 수정, 삭제, 조회등 작업을 할 때 사용하는 언어이다.SQL 문법은 크게 정의, 조작, 제어 3기능으로 나눌 수 있다. SQL 정의어 _ DDLCREATE - 새로운 데이터 베이스 or 테이블을 만든다.예를 들어 hello_table이라는 테이블을 만들고 싶다면,CREATE TABLE hello_table( value int ); 이런식으로 만들어주면 된다! DROP - 데이터 베이스 or 테이블..

동아리에서 배운 Flask에 대해 정리하려 한다.render_template이 함수는 templates 디렉터리 내의 html 파일을 불러올 때 사용한다. redirect, url_for이 함수들은return redirect(url_for('login'))과 같이 사용한다.위 코드는 login함수로 리다이렉션 하겠다는 의미이다. jinjaflask 패키지에 내장된 템플릿 엔진이다.웹페이지가 동적으로 반응해야 하는 부분을 js가 아니라 파이썬 비슷한 코드로 동작하게 한다!!안녕하세요 {{name}}님! 이런식으로 html 파일을 만들고, flask에서 render_template를 할때 name값을 인자로 넘겨주면{{name}} 부분에 인자로 받은 값이 알아서 들어가게 된다! {% if login_succ..

동아리에서 배운 Flask에 대해 정리하려 한다.근데 그 전에 HTTP 메서드, URL 구조에 대해 간단히 알아보도록 하자.GET 메서드서버로부터 정보를 요청하는 메서드이다. 서버에서 클라이언트로 정보를 받기만 한다.POST 메서드서버로 정보를 전송하는 메서드이다. URL 구조대충 이런 구조를 가진다.대부분 아는 형태일테니 간단하게 넘어가도록 하자.FLASK웹서버를 열어주는 파이썬 모듈이다!Node.js보다 구축이 간단하다.from flask import Flaskapp = Flask(__name__)@app.route('/')def index(): return "Hello world!"app.run() WOW~~~!!!이렇게 하면 localhost에 들어갔을때 Hello world!를 간단히 화면..

라우팅, Express.js 프레임워크에 대해 알아보겠다.Node.js만으로 웹서버 구축 및 라우팅 해보기const http = require("http");const url = require("url");const port = 3000;http.createServer((req,res) => { const path = url.parse(req.url, true).pathname; res.setHeader("Content-Type", "text/html"); if(path in urlMap){ urlMap[path](req, res); } else { notFound(req,res); }}).listen(port, ()=>console.log("라우터 만들기"));const uni = ..

동아리 시간에 배운 Node.js에 대해 정리하려 한다.백엔드란?웹사이트나 앱의 뒷단에서 동작하는 영역..서버, DB등을 관리하고 프론트엔드에서의 요청을 처리한다. 서버란?클라이언트로부터 요청을 받고 이를 처리하는 프로그램을 서비스하는 컴퓨터다.주로 정적 콘텐츠 제공에 사용되는 웹서버(apache, NGINX 등), 동적으로 웹 앱을 실행하는 WAS(Spring, Django 등)가 있다. 백엔드 개발의 절차 및 주요 언어 과제 할당 및 분석 -> 개발 -> 테스트 -> QA -> 배포 -> 유지보수 순으로 진행된다.Python(flask), Node.js, Java, Go 등을 사용한다. DB(데이터베이스)란?전자적으로 저장된 체계적인 데이터들의 집합이다.DBMS를 사용해 데이터를 저장, 검색, 편집 ..

동아리 시간에 배운 JS에 대해 정리하겠다.동기와 비동기 동기는 사건이 동시에 일어난다는 뜻으로, 요청하자마자 결과가 동시에 일어난다.그래서 한번에 하나의 작업만 수행할 수 있다.이에 반해 비동기는 사건이 동시에 일어나지 않는다는 뜻으로,이전 사건의 결과가 일어나든 말든 다음작업을 수행한다.비동기적인 코드를 사용하면, 코드를 병렬적으로 수행할 수 있지만설계가 복잡하고 가독성이 떨어진다. 동기와 비동기는 같이 썼을 때 실행 순서를 예측하기 어려워 지기 때문에callback함수를 사용해서 제어해야 한다.callback함수는 하나의 값으로써 쓰이는 함수를 말한다.callback함수를 남용하면 중첩되고 가독성이 떨어지는 콜백지옥이 일어날 수 있으니 주의하자. 또한 이런 함수들의 실행상태정보를 나타내는 promi..

동아리 시간에 배운 JS에 대해 정리하겠다.객체 - 프로퍼티와 메서드로 이루어진 구조체C++에서의 구조체와 비슷한 개념이다 중괄호로 프로퍼티와 메서드들을 감싸 하나의 변수로 선언한다.const user = { name = "User", age = "123", gender = "F", sayhello(){ console.log("hello"); }};name, age, gender는 객체의 속성을 나타내느 프로퍼티이고sayhello는 객체의 동작을 나타내는 메서드이다. (해당 객체 전용 함수라고 생각하면 편하다) 화살표함수 - function 키워드 없이 =>로 선언되는 함수익명함수이기 때문에 재사용이 불가능하다.C++의 람다함수와 같다.자체적인 this가 없고, 자신이 속한 외부 스코프의 this를 가..

동아리 시간에 배운 JS와 DOM에 대해 정리하겠다.DOM은 html웹페이지와 JS를 연결하는 역할을 한다.이때 JS는 document라는 전역 객체를 통해 html에 접근한다.DOM은 html요소를 표현하기 위해 계층화시켜 트리형태로 표현한다. 노드의 종류document node : HTML문서 전체를 나타내는 노드이다.element node : 모든 HTML문서는 요소 노드, 속성 노드를 가질 수 있는 유일한 노드이다.attribute node : 모든 HTML 요소의 속성은 속성 노드, 요소 노드에 관한 정보를 가지고 있다.text node : HTML문서의 모든 텍스트는 텍스트 노드이다.comment node : HTML문서의 모든 주석은 주석노드이다. DOM 함수getElementById : 특..

동아리 시간에 배운 JavaScript(이하 JS) 기본 문법에 대해 정리하겠다.0. JS란?웹 페이지를 동적으로 상호작용 할 수 있게 해주는 프로그래밍 언어이다.우리 몸에서 html가 뼈대, css가 피부나 옷이라고 한다면 JS는 근육이나 뇌 정도로 비유할 수 있다. 1. 기본 문법1-1. 변수 - 자료형 없이 var, let, const 등의 키워드를 통해 선언한다. var은 재선언이 가능하지만 let은 불가능하다는 특징이 있다. const는 C에서의 const와 비슷하게 재선언과 업데이트 둘 다 불가능하다.1-2. 자료형 - JS에서는 Number, String, boolean, Null, Undefined 등의 자료형이 있다. 1-3. 연산자 - 연산자는 뭐... 다른 언어의 연산자와 별 다를 점..