대상 포스팅을 새로 검색창에서 띄우려면 늘~ 해야하는 것이 바로 인덱싱입니다.

이거 은근 자주 까먹어서 메모해놓으려합니다.

ALGOLIA_API_KEY='내 algolia api key' bundle exec jekyll algolia

깃배쉬나 뭐 이런데서 쳐줍니다.

ALGOLIA API KEY는 본인 ALGOLIA API 정보 찾아보시면 나올겁니다..

다른 API KEY가 아니라 반드시 ALGOLIA API KEY여야 합니다 !!

빌드를 원하는 폴더 터미널 내에서 다음 명령어들을 실행합니다.

1. npm init –yes 아주 간단한 package.json 파일 하나를 만듭니다.

2. npm install -g electron-builder electron-builder를 글로벌 형태로 설치합니다. 글로벌 형태로 작성할 시 어디서든 사용할 수 있습니다.

3. "scripts": {
   "start": "electron .",
   "build:osx": "electron-builder --mac",
   "build:linux": "npm run build:linux32 && npm run build:linux64",
   "build:linux32": "electron-builder --linux --ia32",
   "build:linux64": "electron-builder --linux --x64",
   "build:win": "npm run build:win32 && npm run build:win64",
   "build:win32": "electron-builder --win portable --ia32",
   "build:win64": "electron-builder --win portable --x64"
   },
   

package.json에 위 내용을 붙여넣습니다. 기존에 있던 scripts는 제거하시면 됩니다. 위에 나열된 스크립트 명령어들은 각 운영체제에 맞게 일렉트론 파일을 빌드하도록 해줍니다.

1. npm i electron –save-dev 일렉트론을 개발자 의존성으로 설치합니다. 이렇게 하지 않으면 일렉트론 깔라고 나옵니다.

2. main.js나 index.js를 생성합니다. 이 스크립트가 메인 스크립트가 됩니다. package.json에 “main” 속성의 값을 main.js나 index.js로 변경합니다.

3. 메인 스크립트는 비어 있습니다. 따라서 다음과 같이 추가해볼까요? 그냥 복붙하시면 됩니다 :)

const { app, BrowserWindow, shell } = require('electron')

const createWindow = () => {
  const win = new BrowserWindow({
    width: 800, // 가로
    height: 600, // 세로
    autoHideMenuBar: true, // 메뉴바 일단 숨김!!
  })

// 링크 클릭할시 프로그램 안에서 열리는데
// 브라우저에서 열려야겠죠.. 기본이라고 생각되어서 여기 놓습니다 !!
  win.webContents.on('new-window', function (e, url) {
    e.preventDefault();
    shell.openExternal(url);
  });

// 님이 적는 url이 exe 파일이 됩니다~~ 아래는 제블로그 URL 입니다.
  win.loadURL('https://yjg30737.github.io/') 
  

}

app.whenReady().then(() => {
  createWindow()
})

안채워주시면 빌드할때 오류납니다😅

1. 빌드 전 테스트는 필수입니다, 따라서

npm start

를 입력해줍니다 :)

1. 이제 빌드해줍니다. 윈도 64비트라고 가정합니다.

npm run build:win64

쫌 오래 걸릴겁니다. 아닐수도 있고요..?

1. dist 폴더 안에 win-unpacked 폴더 들어가시면 exe 파일 하나가 보일겁니다.

윈도 “기본” 타이틀명은 package.json의 name 값 그대로입니다.

수고수고 👌

CMake Error: Error: generator : Visual Studio 17 2022
Does not match the generator used previously: Visual Studio 16 2019
Either remove the CMakeCache.txt file and CMakeFiles directory or choose a different binary directory.
Exception: Unable to generate build files

So how can we solve this?

In the project path, enter a command like this:

flutter clean
flutter run -d windows

That’s it!

Getting the Wikipedia document’s content is also simple in Python.

All you need is the bs4, urllib3 and certifi packages.

bs4 is dummy package of beautifulsoup4. beautifulsoup4 is a library that makes it easy to scrape information from web pages. This package is often used for web crawling.

urllib3 is used for HTTP request. You need “request” if you want to scrape information from web page, and this will handle it.

certifi is used for validating the trustworthiness of SSL certificate while verifying the identity of TLS hosts. Simply put, you can’t be trusted if you won’t install this.

If the above 3 packages do not exist, you must install them. Here’s how to install it:

python -m pip install certifi

python -m pip install urllib3

python -m pip install bs4

Write the following code.

import certifi
import urllib3
from bs4 import BeautifulSoup
import re, os

def convertWikiToText(url):
    # check if it is Wikipedia based URL
    m = re.search(r'\.wikipedia\.org', url) 
    if m:
        http = urllib3.PoolManager(ca_certs=certifi.where())
        # request and get the response info
        resp = http.request('GET', url)
        # decode the response data to make it look better
        resp_data = resp.data.decode('utf-8')
        # if success (200 means success, 404 means error as you know)
        if resp.status == 200:
            soup = BeautifulSoup(resp_data, features='lxml')
            # get the title of document.
            title = soup.find('title').text.split(' - ')[0]
            # Tag that has bodyContent as an id contains all the contents in the document, so find the info of the tag.
            content_tag = soup.find(id='bodyContent')
            # get the text of it.
            content = content_tag.text
            filename = title + '.txt'
            # create the text file
            f = open(filename, 'w', encoding='utf-8')
            f.write(content)
            f.close()
            # start the file right away
            os.startfile(filename)
    else:
        raise Exception('This is not the right URL')

convertWikiToText('https://en.m.wikipedia.org/wiki/Chocolatey')

You will get the wikipedia document as a text file.

If you see more about this, check my GitHub repo “wiki-offline”.

How to show animated SVG icon? Quite simple.

But before you start it, download the sample SVG icon first.

Make directory name ico and move downloaded SVG icon to directory you made.

Then make the Python script like below.

import sys

from PyQt5.QtSvg import QSvgWidget
from PyQt5.QtWidgets import QApplication


# QSvgWidget is good to use when you want to make SVG-related widget.
class AnimatedSvgExample(QSvgWidget):
    def __init__(self):
        super().__init__()
        self.__initUi()

    def __initUi(self):
        r = self.renderer()
        # set FPS of SVG animation.
        r.setFramesPerSecond(60) 
        ico_filename = 'ico/rolling.svg'
        # set SVG icon to QSvgWidget.
        r.load(ico_filename) 


if __name__ == "__main__":
    app = QApplication(sys.argv)
    r = AnimatedSvgExample()
    r.show()
    sys.exit(app.exec_())

Copy and run.

There is GitHub repository i made as an example.

Well, that’s it.

But i gotta say this method is not perfect.

The problem is PyQt or Python whatever only accept the animateTransform.

So far i can’t find how to let them properly handle with other animate-related tag.

So bottom line, this method(which is only method in Qt by the way) works to SVG icon which has animateTransform, not animate/animateMotion.

I will find out how to solve that problem, definitely.

I will teach you how to show basic window in PyQt5.

This is very basic post as well.

from PyQt5.QtWidgets import QMainWindow, QLabel, QApplication


class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.__initUi()
        
    def __initUi(self):
        lbl = QLabel('Hello World!')
        self.setCentralWidget(lbl)
        

if __name__ == "__main__":
    import sys

    app = QApplication(sys.argv)
    w = MainWindow()
    w.show()
    app.exec_()

Super basic. But QLabel is little off from the center. Align it:

# know the drill, right?
//..
    def __initUi(self):
        lbl = QLabel('Hello World!')
        lbl.setAlignment(Qt.AlignCenter)
        self.setCentralWidget(lbl)
//..

So basic, only label? I don’t think this actually is capable of doing something.

At least he needs some friend to hang around with.

How about QTextEdit?

from PyQt5.QtWidgets import QMainWindow, QLabel, QApplication, QVBoxLayout, QTextEdit, QWidget
from PyQt5.QtCore import Qt


class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.__initUi()

    def __initUi(self):
        lbl = QLabel('Hello Text Editor!')
        lbl.setAlignment(Qt.AlignCenter)
        te = QTextEdit() # new friend here!

        lay = QVBoxLayout() # layout (layout is needed for 2 or more widgets)
        lay.addWidget(lbl)
        lay.addWidget(te)

        mainWidget = QWidget() # we need widget to contain the layout
        mainWidget.setLayout(lay)
        self.setCentralWidget(mainWidget)


if __name__ == "__main__":
    import sys

    app = QApplication(sys.argv)
    w = MainWindow()
    w.show()
    app.exec_()

Basic. What do you expect to my first English post?

This spent so much time than i expected. Just.. Wow.

How can anybody take the time to write down the post far longer than this?

pip freeze > requirements.txt

위는 매우 전형적인 방식입니다. 입력하면 아래와 같은 파일이 생깁니다.

그런데 requirements.txt를 열어보시면 위와 같이 ~@~ 처럼 나오는 경우가 있습니다. 보통 “패키지이름==버전이름” 처럼 나와야 하는데 말이죠 ㅜ

보통 깃헙 저장소 소스에서 직접 다운받은 패키지를 저런 식으로 해석하더군요.

file… 같은 경우는 로컬이고 https… 같은 경우는 원격 저장소에서 받은 것입니다.

다시 다운로드할 때(특히 conda 쓰시는 분들)엔 상당히 애를 먹습니다!

파이썬 IDE인 파이참 같은 경우 requirements.txt에 있는 패키지들을 자동으로 인스톨해주지만, ~@~ 형식의 패키지는 인스톨 시 실패합니다.

그렇다면 어떻게 양식을 통일해야 하는가?

pip list --format=freeze > requirements.txt

위와 같이 명령어를 작성하면 됩니다.

이렇게 하면 위와 같이 가지런히 나오게 됩니다.

하지만 명심해야할 것. 릴리즈가 되지 않은 패키지(conda를 쓴다면 conda 저장소에 없거나, pip가 검색할 수 없는 패키지이거나)는 여전히 인스톨되지 않을 것입니다.

있어야 할 프로젝트 파일 몇몇이 안보이는 일도 다 생깁니다.

위에서 내비게이션 뷰 모드를 Project에서 Project Files로 바꾸었을 때, Project Files에서 나오는 파일들이 Project에서도 나와야 되는데 안 나오죠!

그래서 프로젝트 구조 다시 설정해볼려고 설정 -> 인터프리터 들어가보면 nothing to show라고만 나옵니다.

위 사진처럼, Project: … 와 같이 나와야 되는데 말이죠.

프로젝트는 분명히 존재하는데, 프로젝트 내에 있는 파일이 제대로 인식이 안되는 경우가 있다?

구글링해보니 해답은 .idea 폴더를 삭제한 뒤 파이참을 다시 실행시키는 것이 답이라더군요.

그렇게 해보니까 다시 됩니다 ㅎㅎ 물론 사라졌던 .idea 폴더도 다시 생기고요.

※ .idea 폴더는 프로젝트 이름, 디렉토리 이름 등 정보를 포함한 xml 파일들이 있는 폴더입니다.

그럴때는 디렉토리에 있는 파일이 현재 사용중이거나 하는 경우입니다.

윈도우에서 폴더 지울때 “폴더 내 파일이 현재 사용중이기 때문에 지울 수 없습니다.” 하는 경우가 있죠. 그것과 비슷한 경우입니다.

관련 파일을 모두 종료하시고 다시 시도하시면 될 것입니다.

그래도 안된다면? 직접 디렉토리 이름을 탐색기에서 바꾸시면 됩니다.

<% raw %>
(...)
<% endraw %>

(…) 안에 코드를 넣으시면 됩니다.