코딩 기술자료

decorator

꿈꾸는만학도 — Sun, 5 Nov 2023 15:32:53 +0900

1. 정의

@staticmethod, @classmethod, @abstractmethod 처럼 함수의 시작부분 앞에 @표시를 하는것을 데코레이터라고 부른다. 이는 함수를 직접 수정하지 않고 함수 앞뒤에 기능을 추가해서 함수를 활용하는 방법이라 생각하면 된다.

2. 인자가 없는 경우 데코레이터

예시를 보자. 다음 예시는 파이썬 코딩 도장에서 발췌한것임을 알려드린다.

def trace(func):                             # 호출할 함수를 매개변수로 받음
    def wrapper():
        print(func.__name__, '함수 시작')    # __name__으로 함수 이름 출력
        func()                               # 매개변수로 받은 함수를 호출
        print(func.__name__, '함수 끝')
    return wrapper                           # wrapper 함수 반환
 
@trace    # @데코레이터
def hello():
    print('hello')
 
@trace    # @데코레이터
def world():
    print('world')
 
hello()    # 함수를 그대로 호출
world()    # 함수를 그대로 호출

@를 사용하지 않을떄는 다음과 같이 써야 하는 것이다.

trace_hello = trace(hello)    # 데코레이터에 호출할 함수를 넣음
trace_hello()                 # 반환된 함수를 호출
trace_world = trace(world)    # 데코레이터에 호출할 함수를 넣음
trace_world()                 # 반환된 함수를 호출

데코레이터도 기본은 중복코드 방지이다. 간편하게 사용할 수 있는 장점이 있다. 얼마나 간편한가...

결과는 다음과 같다.

hello 함수 시작
hello
hello 함수 끝
world 함수 시작
world
world 함수 끝

3. 인자가 있는 경우의 데코레이터

def div_out(function):
    def div_in(digit1, digit2):
        if digit2 == 0:
            print('cannot be divided with zero')
            return
        function(digit1, digit2)

    return div_in


@div_out
def divide(digit1, digit2):
    print(digit1 / digit2)


divide(4, 0)

==> caanot be divided with zero

4. 파라미터 제한 없는 decorator

def general(function):
    def wrapper(*args, **kwargs):
        print('this is general decorator')
        return function(*args, **kwargs)
    return wrapper
    
 
@general
def calc_squre(digit):
    return digit * digit

@general
def cal_plus(digit1, digit2):
    return digit1 + digit2

@general
def cal_quad(digit1, digit2, digit3, digit4):
    return digit1 * digit2 * digit3 * digit4
    


print (calc_squre(2))
this is general decorator
4

print(cal_plus(2, 3))
this is general decorator
5

print(cal_quad(1, 2, 3, 4))
this is general decorator
24

5. 여러 데코레이터 사용

def decorator1(function):
    def wrapper():
        print('decorator 1번입니다.')
        function()
    return wrapper

def decorator2(function):
    def wrapper():
        print('decorator 2번입니다.')
        function()
    return wrapper
    
    
    
    
@decorator1
@decorator2
def test():
    print('이것은 test deco입니까?')
    
    
test()
decorator 1번입니다.
decorator 2번입니다.
이것은 test deco입니까

closure

꿈꾸는만학도 — Tue, 31 Oct 2023 14:09:33 +0900

함수를 둘러싼 환경(지역변수, 코드등)을 계속 유지하다가 함수를 호출할 때 다시 꺼내서 사용하는 함수를 클로저(closure)라고 한다.

예시를 보자.

def calc():
    a = 3
    b = 5
    def mul_add(x):
        return a *  x + b
    return mul_add



if __name__ == '__main__':
    c = calc()
    print(c(1), c(2), c(3), c(4), c(5))

위에 예시에서 c에 저장된 함수가 클로저이다.

다음 예시를 하나 더 보자..

def mul(m):
    def wrapper(n):
        return m * n
    return wrapper


if __name__ == "__main__":
    mul3 = mul(3)
    mul5 = mul(5)

    print(mul3(10))  # 30 출력
    print(mul5(10))  # 50 출력

위에서 mul 함수가 바로 클로저 인 것이다.

즉, 정리해보면 함수와 해당 함수가 가지고 있는 데이터를 함께 복사, 저장해서 별도 함수로 활용하는 방법으로 외부함수가 소멸되더라도, 외부 함수 안에 있는 로컬 변수 값과 중첩함수를 사용할수 있는 것을 클로저라 한다.

del mul로 위의 함수를 지운다해도 mul3, mul5함수는 그대로 살아 있음

그래서 mul3(10), mul5(10)은 사용할수가 있다.

마지막으로 한가지 예시를 더 보자.

def power_cal(num):
    def power(digit):
        return digit ** num
    return power


if __name__ == '__main__':
    list_data = list()

    for number in range(1, 6):
        list_data.append(power_cal(number))

    for function in list_data:
        print(function(2))

First class function

꿈꾸는만학도 — Tue, 31 Oct 2023 10:46:34 +0900

1. definition

It means a function that can be passed as an argument to another function, returned as a result of another function, or assigned to a variable or stored in a data structure.

함수 자체를 인자 (argument) 로써 다른 함수에 전달하거나 다른 함수의 결과값으로 리턴 할수도 있고, 함수를 변수에 할당하거나 데이터 구조안에 저장할 수 있는 함수를 뜻한다.

1. assign to a variable

def add(digit):
    return digit + digit


def minus(digit):
    return 10 - digit


def multiple(digit):
    return digit * digit


def divide(digit):
    return 20 / digit


def condition(function, digit_list):
    result = list()
    for digit in digit_list:
        result.append(function(digit))
    print(result)


if __name__ == '__main__':
    int_list = [1, 2, 3, 4, 5]
    condition(add, int_list)
    condition(minus, int_list)
    condition(multiple, int_list)
    condition(divide, int_list)

2. return as a result of another function

def login_info(message):
    msg = message

    def msg_info():
        print("[현재]", msg)

    return msg_info


if __name__ == '__main__':
    user = login_info('user1 login')

    user()

3. application

def html_creator(tag):
    def text_wrapper(msg):
        print('<{0}>{1}</{0}>'.format(tag, msg))

    return text_wrapper


if __name__ == '__main__':
    h1_html_creator = html_creator('h1')
    print(h1_html_creator)

    h1_html_creator('h1 태그는 타이틀을 표시하는 태그입니다.')

    h1_html_creator = html_creator('p')
    h1_html_creator('p 태그는 문단을 표시하는 태그입니다.')

4. practice

def list_creator(tag):
    def list_wrapper(msg):
        print('{0} {1}'.format(tag, msg))

    return list_wrapper


if __name__ == '__main__':
    list_1 = list_creator('-')

    list_1('목차')
    list_2 = list_creator('*')
    list_2('기호')
    list_3 = list_creator('+')
    list_3('하이')

flask의 시작

꿈꾸는만학도 — Sun, 15 Oct 2023 15:29:53 +0900

1. flask 모듈 import

pip install flask

from flask import Flask

2. app에 Flask 객체 할당

일반적인 flask 실행 약속

다음과 같이 선언한다.

app = Flask(__name__)

여기서 __name__은 다음의 예시를 살펴 보면 알수 있겠다.

__nam__ 변수는 모듈의 이름이 저장이 된다. 실행하는 코드에서는 __main__ 값이 들어가게 되어 있다.

3. What is route?

URL을 해당 페이지랑 연결을 해 준다.

예를 들면,

https://finance.naver.com/world/

네이버 해외증시 사이트이다... 여기서 world가 route라 보면 되겠다.

따라서 flask의 라우터를 구현해 보면 다음과 같이 만들수 있다.

서버주소/hello에 접속하면 hello world가 출력된다는 간단한 라우터 구현이다.

4. flast 서버 구동

flask는 간단한 서버를 구동해준다. node에서는 nodemon을 설치하여 수정을 반영하게 했었는데, 파이썬 flask는 nodemon 설치가 필요없다. 서버에서 자동으로 수정이 되었을때 반영해주니 너무 편하다.

그러면 서버 설정을 해보자.

이거 역시 간단하다.

app에 우리는 Flask 객체를 할당했었다.

app.run만 하면 서버가 생성된다.

host, port, debug 세가지 옵션의 파라미터를 넘겨주면 된다.

그러면 서버가 뚝딱....ㅎㅎ

hello world의 첫 웹서버 탄생...짜잔

express에 대하여

꿈꾸는만학도 — Tue, 26 Sep 2023 08:24:59 +0900

셋업을 다 했으면 express를 통하여 서버를 만들어 보자

공식문서를 참고해 본다 . 5버젼은 beta버젼이라 4.x으로 서술하겠다.

https://expressjs.com/en/4x/api.html

Express 4.x - API Reference

Express 4.x API express() Creates an Express application. The express() function is a top-level function exported by the express module. var express = require('express') var app = express() Methods express.json([options]) This middleware is available in Ex

expressjs.com

공식문서의 서버설정 코드이다.

하나하나 정리해보자.

1. Server : request and response

1. 서버 초기 코드

import express from "express";

const app = express();

const PORT = 4000;

const handleListen = () => console.log(`Server listening -> http://localhost:${PORT}`);

app.listen(PORT, handleListen);

import express from "express"

Babel을 사용하기 때문에 이렇게 신문법을 사용해도 된다.

일반적인 4000포트를 할당하고 공식문서처럼 코딩을 하였다.

2. 이제 get 요청을 해보자

import express from "express";
const app = express();
const PORT = 4000;
///////////////////////////////////////////////////////////////
app.get("/", ()=> console.log("this is callback"));

///////////////////////////////////////////////////////////////
const handleListen = () => console.log(`Server listening -> http://localhost:${PORT}`);
app.listen(PORT, handleListen);

HTTP protocol을 사용하여 브라우저가 웹서버에게 get요청을 한 내용이다.

하지만 응답하는 내용이 없어서 브라우저는 로드를 유지하고 서버의 응답을 기다리게 된다.

3. 그럼 response를 만들어 보자. 어떻게?

간단하다. request와 response를 가진 컨트롤러를 만들면 되겠지...

import express from "express";
const app = express();
const PORT = 4000;
///////////////////////////////////////////////////////////////
const controllerHome = (req, res) =>{
	return res.send("this is home");
}
const controllerLogin = (req, res) =>{
	return res.send("this is login page");
}

app.get("/", controllerHome);
app.get("/login", controllerLogin);

///////////////////////////////////////////////////////////////
const handleListen = () => console.log(`Server listening -> http://localhost:${PORT}`);
app.listen(PORT, handleListen);

이렇게 하면 서버는 응답하여 페이지에 this is home이라고 메세지를 띄워 준다.

4. 공식문서 request, response 참고하여 필요시마다 properties를 찾아서 구현하면 되겠다.

일단은 send만 알아두자.

공식문서에 써있다..

Sends the HTTP response.

The body parameter can be a Buffer object, a String, an object, Boolean, or an Array.

https://expressjs.com/en/4x/api.html#res.send

Express 4.x - API Reference

expressjs.com

2. middleware

미들웨어는 서버로의 요청부터 응답이 오는 사이클 중간에 목적에 맞게 처리를 하는지, 소위말하자면 중간에 거처가는 함수들이라고 보면 되겠다.

따라서 모든 핸들러는 미들웨어이고, 모든 컨트롤러는 미들웨어이며 형태는 3가지 arguments로 이루어져 있다.

req, res, next

모든 핸들러에 next만 삽입하면 미들웨어가 된다. 관습적으로 마지막에 동작하는 컨트롤러는 next를 사용하지 않는다.

import express from "express";
const app = express();
const PORT = 4000;
///////////////////////////////////////////////////////////////
const middlewareone = (req, res, next) =>{
	next();
}
const middlewaretwo = (req, res, next) =>{
	next()
}
const controllerHome = (req, res) => res.send("this is last handling");

app.get("/", middlewareone, middlewaretwo, controllerHome);


///////////////////////////////////////////////////////////////
const handleListen = () => console.log(`Server listening -> http://localhost:${PORT}`);
app.listen(PORT, handleListen);

페이지 별로 미들웨어를 설정하고 싶지 않으면 즉 중복코드를 피하고 싶으면,

app.use(middlewareone, middlewaretwon) 를 적용하고 싶은 get호출 위에 바로 삽입하면 된다.

3. 외부 미들웨어

대표적으로 많이 사용하는 미들웨어 모듈은 morgan이다.

https://www.npmjs.com/package/morgan

morgan

HTTP request logger middleware for node.js. Latest version: 1.10.0, last published: 4 years ago. Start using morgan in your project by running `npm i morgan`. There are 8636 other projects in the npm registry using morgan.

www.npmjs.com

위 공식 사이트를 참고하자.

그밖에 자주 사용하는 미들웨어는 다음에 정리 되어 있으니 살펴보도록하자 필요할때 읽어보고 찾아오면 될것 같다.

https://velog.io/@eogns1208/Express-%EC%9E%90%EC%A3%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EB%AF%B8%EB%93%A4%EC%9B%A8%EC%96%B4

Express - 자주 사용하는 미들웨어

1. morgan 2. static 3. body-parser 4. cookie-parser 5. express-session 6. multer

velog.io

nodejs set up

꿈꾸는만학도 — Thu, 21 Sep 2023 15:38:57 +0900

Nodejs 로 개발하기 처음 할일을 적어보려 한다.

초보시절에 네코쌤 한테 배운 셋업... 고맙습니다. ㅎㅎ

당연히 git repo 생성이겠지? 아닌가...ㅋ

난 git 부터 생성할꼬야

작업 폴더를 만들고, git init을 해본다.

git을 설치 안했으면 다음 포스팅 참고하면 된다. 나는 귀찮아서 포스팅 안해....

git설치

[GITHUB 입문] Git 설치하기(2.35.1 이상, 상세한 설치법)

[GITHUB 입문] 깃허브 사용법 - 2 Git 설치하기 Git과 GitHub에 관해 다룬 이전 글([GITHUB 입문] Git과 GitHub의 차이)을 작성하다 보니 한 가지 아쉬움이 있었습니다. 독자가 Git을 설치하여 직접 따라 하면

taewow.tistory.com

1. 개발 시작하기

1. git init

2. repository 생성

3. git remote add origin [깃 URL]

4. npm init 으로 package.json 을 만든다.

그러면 잠시 package.json을 살펴보자.

scripts를 유심히 보기 바란다.

저 부분의 설정으로

다음과 같이 프로그램을 실행할 수가 있게 되는 것이다.

node실행을 위해서 node index.js 를 보통 실행을 하지만

노란 박스 부분의 설정으로 우리는 다음과 같이 index.js를 실행 시킬 수가 있다.

npm run dev

2. express 설치

npm i express

express 설치를 하고 나면

node_modules과 package-lock.json이 생긴다.

3. npm i

dependecies를 이용하여 모든 모듈을 설치하므로 매번 패키지를 설치할 필요없다.

용량큰 모듈을 git에 올릴 필요 없이.... 소스코드와 package.json만 업로드 하고,

사용자는 다운 받은 후

jus

npm i

하면 그냥 끝....

그럼 git에 업로드를 하지 않기 위에

.gitignore를 만들어 주자

4. Babel

https://babeljs.io/

Babel · Babel

The compiler for next generation JavaScript

babeljs.io

nodeJs 가 이해 하지 못하는 최신 자바 스크립트 코드를 컴파일해준다.

1. install

npm install --save-dev @babel/core

--save-dev로 인스톨을 하면 devDependencies에 생성이 된다.

이는 개발자에게 필요한 dependency라 보면 될것 같다. 프로그램개발에 사용되는것이라기 보다는 개발자의 편의성을 위해 만들어진 모듈이다.

2. npm install @babel/preset-env --save-dev

인스톨 하면 된다. 플러그인의 일종, react, typescript 등에서도 사용가능하다.

3. babel.config.json 파일을 만들고 다음을 붙여넣고 저장하자. (공식문서 참고)

{
"presets": ["@babel/preset-env"]
}

5. nodemon의 설치

https://babeljs.io/setup#installation

Babel

Great! You've configured Babel but you haven't made it actually do anything. Create a babel.config.json config in your project root and enable some presets. To start, you can use the env preset, which enables transforms for ES2015+ npm install @babel/prese

babeljs.io

1. install

npm install @babel/core @babel/node --save-dev

node 대신에 babel-node를 사용하기 위해 인스톨 한다.

2. package.json의 스크립트 변경

3. nodemon 설치

npm i nodemon --save-dev

4. script 변경

프롤로그

꿈꾸는만학도 — Thu, 21 Sep 2023 09:05:48 +0900

nodejs 공부한지는 꽤 오래 되었는데..... 뭔가 머리속에서 어수선 하다.

정리할겸 적어 내려가봐야겠다.

npm : npm is a package manager for the JavaSCript programming language.

npm의 정의, nodejs랑 같이 써야하고 패키지를 공유할수 있단다.

express부터 시스템이 어떻게 만들어지는지 공부하고 정리해보자.

한달안에 끝내야해.... nodejs로 면접 봐야하거든....후덜덜.

Cultus Lake - clear creek campground

꿈꾸는만학도 — Tue, 29 Aug 2023 07:00:05 +0900

캐나다에 온지 어느덧 1년 반이 지났다. 작년 여름에 3군데에 캠핑장을 다녀왔는데, 랭리로 이사온 이후로는 이번이 첫 캠핑이다. 오랜만에 설렘으로 칠리왁으로 향했다. 칠리왁도 처음 들어본 곳이고 인생 처음으로 가보는 곳이다.

옥수수가 유명하다던데.......

출발전 스타벅스에 들려 아이스 아메리카노를 사고....

다행이도 내가 살고 있는 곳에서 한시간 정도밖에 걸리지 않았다.

https://www.outdoorproject.com/canada/british-columbia/clear-creek-campground

Clear Creek Campground

Although it’s one of the larger campgrounds in Cultus Lake Provincial Park, Clear Creek Campground serves up sites that are remarkably private and feel tucked away. It’s one of the best places to camp in the heat of the summertime—old-growth Douglas

www.outdoorproject.com

https://www.youtube.com/watch?v=QaIYaDTUqME

어느 캠핑장이랑 비슷했다. 그런데 좀 작은거 같다. 다른 스팟의 사람들이 눈에 다 보인다. ㅎㅎ 전 캠핑장에서는 독립적이라 보이지 않았던거 같은데....우리의 번호는 site 43

수도가 바로 앞에 있어서 좋았고 조금만 올라가면 화장실이 있어서 멀지 않아서 좋았다.

첫날은 이렇게 텐트를 치고 야외 주방을 만들고 월마트로 향했다.

25분내외에 월마트가 있다.

장을 보고 캠프사이트로 와서 저녁을 먹고 캠프사이트 산책을 하고 텐트로 들어갈 준비.....

얼마전에 쿠거가 나왔다고 한다. 모든 음식과 쓰레기를 차 안에 넣었다.

그리고 영화 감상 엘레멘탈

https://www.youtube.com/watch?v=BOqFRHCrN-k

집중하며 보지 않아서 대충 내용 잘 모르겠으나, 물,불 절대 섞일수 없는 존재들이 결국엔 사랑을 하고 하나가 된다는....

그런 스토리인거 같은데,

내가 살고 있는 이 캐나다의 삶이랑 많이 연관이 되는거 같다. 한국인, 중국인, 인도, 캐나다인 이렇게 각자의 커뮤니티속에서 우리는 또 이들과 어우러져 살아가고 있다. 이곳이 캐나다이다. 각자의 문화 언어를 존중하면서 즐기고 서로 공유하며 우리는 살아가야 한다. 영화 블로그가 아니니 이만 생략하기로 하고....

의미있는 영화를 보며 하루를 마무리 했다...

둘째날은 차를 열어본순간 OMG!!!

쥐들의 습격사건......

어떻게 쥐들이 들어왔는지 모르겠다. 쥐들이 모든 음식들에게 테러를.....

온갖 음식들에 구멍을 내놓고, 갉아 먹고...... 와이프가 무지 화남

휴휴...

비가 좀 와서..... 좀 쉬는 시간을 갖고 사실 심신을 달래야 하는...쥐들의 습격으로 음식도 내 마음도 상처를 입었다.

마음을 추스르고 모든 레이크 장비를 가지고 바로 길만 건너면 되는 곳으로 향했다.

날씨가 흐려서 물이 차가웠지만 해도 없고하니 놀기가 좋았다. 어쨌거나 나는 보트를 탈거니까.....

그러나........

물에 퐁당 ㅋㅋㅋ

보트를 타고 노를 젓고 물에 퐁당하여 강제로 수영도 하고......추웠지만 잼있었다는....

거기서 한참을 보내고 다시 캠핑장으로 왔다.

된장국과 고등어 구이로 저녁을 긴급하게 처리하고...

다시 월마트로......

테러범들 꼭 잡고야 말테다... 근데 무슨 수로 잡나..ㅋ

월마트에서 빵과 간단한 과자 음료를 사서 돌아왔다. 사실 레이크 근처에 마트가 있긴 한데

노트북에 충전을 하기 위해 드라이브를 한 것이다. ㅎㅎ

캠핑장으로 돌아와서 잘준비를 하고 쥐들의 테러를 막기 위해 이민가방에 모든 식료품을 넣고

음식은 아이스박스에 담고 차를 잠갔다. 쥐가 제발 테러 하지 않기를 바라는 마음으로.....

텐트로 들어가서 다시 우리는 영화감상을 다시 했다. 이번은....엔칸토..

https://movie.daum.net/moviedb/main?movieId=152081

엔칸토: 마법의 세계

Daum영화에서 자세한 내용을 확인하세요!

movie.daum.net

그러나 나는 텐트밖으로 나와서 500ml 맥주 한잔을 했다.

캐나다 에서 볼수 있는 밤하늘....더군다나 숲속에서 보는 밤하늘의 별은 참 멋지다.

이렇게 칠리왁에서의 두번째 밤은 지나갔다.

다음날은 오는길에 이곳에서 유명하다는 아이스크림 샾에 들렀다.

아이스크림 가격이 후덜덜 하다. ㅎ

어쩐지 아이스크림이 크더라.

오는길에 아보츠포드에 들렀다. 앞으로 이사갈 동네를 살펴보려고 한다. 그러나...

그냥 pass, 별로 예쁘지 않더라. 그냥 실망감으로 돌아오면서 이번 여행은 끝났다.

다음주는 버논으로 캠핑을 간다. 버논은 RNIP때문에 한국에 있을때 부터 궁금했던 도시였다.

버논은 어떨까? 예쁜도시이길 바래본다.

BCIT 이야기

꿈꾸는만학도 — Fri, 23 Jun 2023 11:47:30 +0900

나는 BCIT CST에 재학중이다. 이 카테고리를 통하여 과거의 입시 준비부터 적어보려고 한다. 시간이 많이 지났지만 되도록 기억을 되살려 최대한 객관적이게 적어보려고 한다. 사실 노션에 그때 그때 나만의 스토리를 정리해 둔게 있는데, 개인 기록용이다. 누구에게 읽혀지는게 싫었다. 그래서 블로그에 적지는 않았는데, 일부 블로그에서 어그로를 끌어 수익창줄을 하고 또, 너무도 주관적인 자기자랑식의 글을 적어 객관성이 결여된 정보를 제공하고 있음에 분노(?)가 느껴서 bcit를 희망하는 후배들에게 조금이나마 객관적인 판단을 돕고자 글을 기록해봐야겠다.

나 스스로도 주관적이지 않게 채찍질하며 검토하고 써내려가보려고 한다. 주관적인 느낌일 경우에는 내생각이라고 반드시 표기를 하여 독자로 하여금 스스로 판단하도록 하겠다. 비판은 겸허하게 받아 들이겠다. 언제든 잘못된 정보를 제공하고 있다면 댓글 부탁한다.

방학중 프로젝트 진행상황

꿈꾸는만학도 — Mon, 12 Jun 2023 16:26:50 +0900

1. 물류 라벨 및 재고관리 프로그램 리뉴얼

2. 모바일 코틀린으로 개발하기

3. RPA 자동라벨 프로그램 개발

여름방학한지가 10일이 넘었는데.... 위의 프로젝트들을 시작도 하지 않았다. 8월까지 마무리 해야하는데....

갑자기 마음이 급해진다.

내일부터 구체적으로 계획을 세워서 진행해야겠다. 진행상황을 블로그에 공유하여 스스로 자각하면서

진행해보겠다. 보는 사람이 없어도 좋다. 나와의 약속이니까....