<img src="/TIL/assets/img/2024-07-14-HowtoSetUpYourOwnLocalPyPiRepositoryServerforPythonPackageManagement_0.png" />

파이썬 패키지 저장소는 파이썬 패키지를 호스팅하여 개발자가 라이브러리를 게시하고 배포할 수 있는 중앙 웹 사이트입니다. PyPI(Python Package Index)를 호스팅하거나 미러링하여 네트워크 내에서 Python 패키지에 빠르고 신뢰할 수 있는 액세스를 제공하는 것이 중요합니다. 특히 네트워크 대역폭이 제한되었거나 인터넷 연결이 불안정한 환경에서는 더욱 중요합니다.

# 전제 조건

- 관리 권한이 있는 Red Hat 또는 Rocky Linux 8 시스템이 있어야 합니다.
- 필요한 패키지를 다운로드하려면 인터넷에 액세스해야 합니다.
- PyPI 저장소를 위한 충분한 저장 공간(1TB)이 필요할 수 있으며, 해당 패키지를 저장할 데이터 파티션을 설정할 수 있습니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 실행 단계

— Bandersnatch 사용

- 필수 패키지 설치: python3, pip, virtualenv이 설치되어 있는지 확인해주세요.

```bash
sudo dnf install python2 python3 python3-pip python3-virtualenv vim -y
python3 -m venv venv
source venv/bin/activate
```


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

2. Bandersnatch 설치: Bandersnatch는 PyPI를 미러링하는 도구입니다.

```js
pip install --upgrade pip
pip install dataclasses
pip install bandersnatch
```

3. Bandersnatch 구성: 초기 구성 파일을 생성하고 편집하세요.

a. 구성 파일을 생성하려면 처음으로 bandersnatch 미러 명령을 실행하십시오.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
밴더스내치 미러
2024–07–14 00:04:36,297 경고: 설정 파일 ‘/etc/bandersnatch.conf’이 누락되어 기본 설정이 생성되었습니다.
2024–07-14 00:04:36,297 경고: 설정 파일을 검토한 후 ‘bandersnatch’를 다시 실행해주세요.
```

b. 거울 데이터를 저장할 디렉토리에 대한 구성 파일 매개변수를 업데이트하세요. 제 경우에는 데이터 파티션을 만드는 것이죠. 여러분의 설정은 다를 수 있어요.

```js
vim /etc/bandersnatch.conf

...
directory = /data/
...
```

파일을 저장하세요.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

명령을 다시 실행하면 bandersnatch mirror가 실행됩니다.

```js
bandersnatch mirror
2024-07-14 00:09:40,793 INFO: 선택된 스토리지 백엔드: 파일 시스템
2024-07-14 00:09:40,860 ERROR: swift_plugin = bandersnatch_storage_plugins.swift:SwiftStorage 진입점 로드 불가능: 'keystoneauth1' 모듈을 찾을 수 없음
2024-07-14 00:09:40,911 INFO: 미러 디렉토리 설정 중: /data/web/simple
2024-07-14 00:09:40,912 INFO: 미러 디렉토리 설정 중: /data/web/packages
2024-07-14 00:09:40,913 INFO: 미러 디렉토리 설정 중: /data/web/local-stats/days
2024-07-14 00:09:40,913 INFO: 생성 파일이 누락되었습니다. 상태 파일을 다시 초기화합니다.
2024-07-14 00:09:40,914 INFO: status 파일 /data/status 누락됨. 처음부터 다시 시작합니다.
2024-07-14 00:09:40,914 INFO: https://pypi.org와 동기화 중.
2024-07-14 00:09:40,914 INFO: 현재 미러 일련번호: 0
2024-07-14 00:09:40,914 INFO: 모든 패키지 동기화 중.
```

명령이 다시 실행되어 모든 패키지가 pypi 웹사이트에서 다운로드됩니다.

이 데이터를 웹 서버로 복사하거나 웹 서버를 설정해보세요.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

4. 웹 서버 설치: 아파치 httpd 웹 서버를 설치합니다.

```js
sudo dnf install httpd
sudo systemctl start httpd
sudo systemctl enable httpd
```

5. 웹 서버 구성: 웹 서버를 PyPI 미러가 저장된 디렉토리로 지정합니다.

```js
sudo vim /etc/httpd/conf.d/pypi_repo.conf

Alias /pypi /var/www/html/pypi
<Directory /var/www/html/pypi>
    Options Indexes FollowSymLinks
    AllowOverride None
    Require all granted
</Directory>
```


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
sudo systemctl restart httpd
```

6. 클라이언트가 로컬 저장소를 사용하도록 구성하기: 클라이언트 기기에서 pip를 사용하여 로컬 PyPI 미러를 사용하도록 구성합니다.

```js
mkdir -p ~/.config/pip
cat << EOF > ~/.config/pip/pip.conf
[global]
index-url = http://mywebserver.example.com/pypi/simple
EOF
```

Bandersnatcher의 문제는 선택적 미러링을 할 수 없다는 것입니다. 왜냐하면 pypi 서버로부터 전체 내용을 가져오기 때문입니다. 이 문제를 해결하기 위해 개발자가 모든 선택적 다운로드를 위한 라이브러리 minirepo를 제공했고, 이를 아래에서 나열해보겠습니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

— Minirepo과 pypi-server를 사용 중

안녕하세요! 라즈베리 파이를 설정한 사람의 정보를 바탕으로 이 라이브러리들을 테스트하고 있는데, 재미있는 일이 있었어요. 여러 오류를 마주쳤지만 그 덕분에 코드에서 버그를 발견하고 고칠 수 있었어요. 저의 수정 사항은 여기에서 확인할 수 있어요. 필요하시면 제 수정 사항을 자유롭게 적용해 보세요.

- Python3 호환성 문제
- XML 구문 분석 오류 문제


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

파이썬 파이프 파이프 파프리리바 리프 파이사이사이 사이브

이제 처음으로 minirepo를 실행하면 json 형식의 .minirepo 파일 이름을 요청합니다.

```js
minirepo

/******** Minirepo ********/
Traceback (most recent call last):
 File "/root/venv/lib64/python3.6/site-packages/minirepo.py", line 206, in get_config
 config = json.load(open(config_file))
FileNotFoundError: [Errno 2] No such file or directory: '/root/.minirepo'
```


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

위의 텍스트를 친근한 톤으로 한국어로 번역하면 다음과 같습니다.

```js
파일을 생성해 봅시다.

cat << EOF > /root/.minirepo
{
  "processes": 10,
  "package_types": [
    "bdist_egg",
    "bdist_wheel",
    "sdist"
  ],
  "extensions": [
    "bz2",
    "egg",
    "gz",
    "tgz",
    "whl",
    "zip"
  ],
  "python_versions": [
    "3.0",
    "3.1",
    "3.2",
    "3.3",
    "3.4.10",
    "3.5.7",
    "3.6.9",
    "any",
    "cp27",
    "py2",
    "py2.py3",
    "py27",
    "source"
  ],
  "repository": "/data"
}
EOF

이제 실행해 봅시다.

minirepo 

(venv) [root@localhost ~]# minirepo 
/******** Minirepo ********/
extensions      = ['bz2', 'egg', 'gz', 'tgz', 'whl', 'zip']
package_types   = ['bdist_egg', 'bdist_wheel', 'sdist']
processes       = 10
python_versions = ['3.0', '3.1', '3.2', '3.3', '3.4.10', '3.5.7', '3.6.9', 'any', 'cp27', 'py2', 'py2.py3', 'py27', 'source']
repository      = /data
설정 파일 사용 중 /root/.minirepo


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

파이썬 코드를 이용하여 pypi 웹사이트를 파싱하고 패키지를 다운로드할 것입니다.

.......
[zzzutils 다운로드](/simple/zzzutils/)
[zzz-web 다운로드](/simple/zzz-web/)
[zzzymobbe 다운로드](/simple/zzzymobbe/)
[zzzz 다운로드](/simple/zzzz/)
[zzzZZZzzz 다운로드](/simple/zzzzzzzzz/)
</body>
</html>
/tmp/tmpvt3vfas8/worker.2565 파일에서 워커 시작...
/tmp/tmpvt3vfas8/worker.2566 파일에서 워커 시작...
/tmp/tmpvt3vfas8/worker.2567 파일에서 워커 시작...
/tmp/tmpvt3vfas8/worker.2568 파일에서 워커 시작...
/tmp/tmpvt3vfas8/worker.2569 파일에서 워커 시작...
/tmp/tmpvt3vfas8/worker.2570 파일에서 워커 시작...
/tmp/tmpvt3vfas8/worker.2571 파일에서 워커 시작...
/tmp/tmpvt3vfas8/worker.2572 파일에서 워커 시작...
/tmp/tmpvt3vfas8/worker.2573 파일에서 워커 시작...
/tmp/tmpvt3vfas8/worker.2574 파일에서 워커 시작...
2024-07-14 12:58:06,098:경고: 다운로드 완료: jira_test-0.0.1.tar.gz                             Ok pid:2567 0% [1/55510.0]
2024-07-14 12:58:06,127:경고: 다운로드 완료: nvitop-1.3.2.tar.gz                                Ok pid:2565 0% [1/55509.0]

이제 PyPi 패키지를 로컬 저장소에 복제했으며, 클라이언트에 설치된 pip를 통해 해당 패키지를 직접 설치할 수 있습니다. 이제 pypiserver가 등장합니다. pypiserver는 로컬 패키지 인덱스를 제공하여 네트워크를 통해 저장소에서 패키지를 찾을 수 있도록 하는 역할을 합니다.

우리는 도커를 사용하여 pypi 서버를 배포할 것입니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

services:
  pypi-server:
    image: pypiserver/pypiserver:latest
    ports:
      - 8082:8080
    volumes:
      - type: volume
        source: pypi-server
        target: /data
    command: -P . -a . /data/
    restart: always
volumes:
  pypi-server:

![How to Set Up Your Own Local PyPi Repository Server for Python Package Management](/TIL/assets/img/2024-07-14-HowtoSetUpYourOwnLocalPyPiRepositoryServerforPythonPackageManagement_1.png)

![Reference](https://miro.medium.com/v2/resize:fit:960/0*6KpBJVtYreNzCL3G.gif)

# 참고 문헌


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

[1] https://bandersnatch.readthedocs.io/en/latest/

[2] https://vuyisile.com/pypi-in-a-box-using-a-raspberry-pi-as-a-portable-pypi-server/

Python 패키지 관리를 위한 로컬 PyPi 저장소 서버 설정 방법

## 와우: WYSIWYG 편집기로 텍스트 음성 변환 기능!

로켓 과학을 해결했습니다! 물론 거짓말이에요. BlockNote에 텍스트 음성 변환 기능을 Next.Js에서 어떻게 구현할지 알아냈습니다. BlockNote를 모르시면, Next.js에서 WYSIWYG 편집기 문제에 대한 해결책을 발견한 기사를 읽어보세요.

그러니까 읽어보세요. 하지만 여러분의 지식 부족함에도 불구하고, 저는 계속 이 기사를 쓸 겁니다. BlockNote를 아는 여러분은 이 기사로 들어가 봅시다. 출발!

![이미지](/TIL/assets/img/2024-07-14-ImplementingText-To-SpeechFunctionalityForBlockNoteInNextJs_0.png)


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 요약

우리는 블록을 HTML로 변환하여 Firebase에 BlockNote 데이터를 저장하는 방법을 배웠어요. 그 기사를 읽었다면 가상으로 엄지척을 할게요. 그럼, 코드는 지금 이렇게 보일 거예요:

```js
'use client';
import React, { useState, useEffect, useRef, ChangeEvent, useCallback } from 'react';
import { useSearchParams } from 'next/navigation';
import { firestore } from '../../../../../firebase';
import { getDoc, doc, updateDoc } from 'firebase/firestore';
import "@blocknote/core/fonts/inter.css";
import { useCreateBlockNote } from "@blocknote/react";
import { BlockNoteView } from "@blocknote/mantine";
import "@blocknote/mantine/style.css";
import { Block } from "@blocknote/core";

function Document() {
 const params = useSearchParams();
 const docId = params.get("id");
 const [title, setTitle] = useState('');
 const [value, setValue] = useState('');
 const [blocks, setBlocks] = useState<Block[]>([]);

   useEffect(() => {
   const fetchDocument = async () => {
     if (!docId) return;

     const docRef = doc(firestore, `documents/${docId}`);
     try {
       const docSnap = await getDoc(docRef);
       if (docSnap.exists()) {
         const data = docSnap.data();
         setTitle(data.title || '');
         setValue(data.content || '');
       } else {
         console.log('Document does not exist');
       }
     } catch (error) {
       console.error('Error fetching document: ', error);
     }
   };

   fetchDocument();
 }, [docId]);

 const editor = useCreateBlockNote();

 useEffect(() => {
   async function loadInitialHTML() {
     const blocks = await editor.tryParseHTMLToBlocks(value);
     editor.replaceBlocks(editor.document, blocks);
   }
   loadInitialHTML();
 }, [editor, value]);

 const saveDocument = async () => {
   if (!docId) return;

   const content = await editor.blocksToHTMLLossy(blocks);

   try {
     await updateDoc(doc(firestore, `documents/${docId}`), {
       content: content,
     });

     console.log('Document saved successfully');
   } catch (error) {
     console.error('Error saving document: ', error);
   }
 };

 return (
   <div>
     <h1>{title}</h1>
     <BlockNoteView editor={editor} onChange={() => { setBlocks(editor.document); }} />
     <button onClick={saveDocument}>Save Document</button>
   </div>
 );
}

export default Document;
```

우리가 머릿속을 새롭게 한 이제, 뭔가 추가해봐요!


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 이것을 어떻게 할 건가요???

좋은 질문이네요! 제가 떠올렸기 때문에 알고 있어요. 웹 스피치 API를 사용하여 텍스트 음성 변환 기능을 구현할 거에요.

웹 스피치 API를 활용하면 음성 데이터를 웹 앱에 통합할 수 있어요. 이 경우는 Next.js 애플리케이션에서 사용할 거에요.

이러한 종류의 기능을 추가하기 위해 SpeechSynthesis라고 불리는 Web 스피치 API의 인터페이스를 사용할 거에요.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 구현

우리의 코드에는 단지 한 가지 함수와 버튼을 추가하면 됩니다. 그게 다에요. 코드에 다음 함수를 추가하세요:

```js
function speak() {
  const text = blocks
  .map(block => block?.content)
  .filter(content => content !== undefined)
  .flatMap(content => {
    if (Array.isArray(content)) {
      return content
        .filter(contentItem => contentItem.type === 'text')
        .map(contentItem => contentItem.text);
    } else {
      return [];
    }
  })
  .join(' ');
  let utterance = new SpeechSynthesisUtterance(text);
  let voicesArray = speechSynthesis.getVoices();
  utterance.voice = voicesArray[2];
  speechSynthesis.speak(utterance);
}
```

이 함수는 문서에서 콘텐츠를 가져와서 콘텐츠가 텍스트 유형인 경우 에디터 내용을 말합니다. 간단하죠. 이제 '말하기' 버튼을 화면에 표시하세요:


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

```jsx
<button onClick={speak}>Speak</button>
```

# 더 깊이 파고들기

만약 음성 합성의 피치, 속도, 볼륨을 변경하여 사용자 정의하고 싶다면 어떻게 할까요? 잘하셨어요! 이제 이에 대해 알아볼게요. 이 뒤에 광고가 나와야죠! 농담이죠: 여기는 유튜브가 아니에요.

피치 변경하기


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

음 높이를 조절하려면 이 줄을 추가하세요:

```js
utterance.pitch = 4; // 원하는 값으로 숫자를 변경하세요
```

속도 변경하기

속도를 조절하려면 이 줄을 추가하세요:


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
utterance.rate= 5; // 원하는 값으로 숫자를 변경해주세요
```

볼륨 조절하기

```js
utterance.volume= 0.4; // 원하는 값으로 소수를 변경해주세요
```

지금까지 코드에 텍스트 음성 변환 기능을 구현하는 단 기사를 마무리 지어보았습니다. 만약 이 기사가 도움이 되었다면 박수를 보내주세요, 팔로우를 눌러주세요, 또는 응답을 달아주세요.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

행복한 코딩하세요!

BlockNote의 Text-To-Speech 기능 구현 방법 - Nextjs 사용 

<img src="/TIL/assets/img/2024-07-14-LearningDataStructureinTypeScriptforBeginnerPart2_0.png" />

# 소개

이전 글에서 기본 데이터 구조에 대해 논의했습니다.

- 이 글에서는 몇 가지 일반적인 데이터 구조 (연결 리스트, 큐, 스택, 해시 테이블, 이진 트리, 이진 힙)의 JavaScript 구현을 살펴보았습니다.
- 이 시리즈에서는 프린스턴의 기본 데이터 구조에 대한 구체적인 내용을 Java 구현을 통해 배웠습니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

기본 데이터 구조 이외에도 여전히 유용한 데이터 구조가 있습니다. 이러한 데이터 구조들은 우리 애플리케이션의 성능을 향상시키는 데 도움이 될 수 있습니다.

## 안내

본 글에서는 두 가지 데이터 구조를 고려하여 실제 프론트엔드 애플리케이션 사례를 개선해보겠습니다.

- Trie (접두사 트리)
- 그래프 — 인접 리스트 표현


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 1. Trie (접두사 트리)

다음 스크린샷은 자동 완성 검색 바에서 가져온 것입니다. 제가 배열에 단어들을 넣어 후보 제시 항목으로 사용했어요. 실제로 목록에서 단어를 검색할 때 성능이 아주 좋지 않다고 해요. (소스 코드를 확인해주세요)

성능을 향상시킬 수 있는 방법이 있을까요?

<img src="/TIL/assets/img/2024-07-14-LearningDataStructureinTypeScriptforBeginnerPart2_1.png" />


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

- 위 케이스의 원본 솔루션은 후보 항목을 배열에 저장하는 것입니다. 배열을 필터링하여 동일한 접두사를 가진 항목을 검색하는 데 걸리는 시간은 O(L)입니다. 여기서 L은 배열의 길이입니다.
- 성능을 개선하기 위해 후보 항목을 Trie 구조에 저장할 수 있습니다. 이 경우 단어의 길이를 나타내는 n에 대해 O(n)이 걸립니다.

## Trie의 정의

![Trie 구조 이미지](/TIL/assets/img/2024-07-14-LearningDataStructureinTypeScriptforBeginnerPart2_2.png)

## 구현 방법


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

TypeScript에서 어떻게 작동하는지 확인해 보겠습니다.

1. TrieNode 구조 만들기

- 역할
  - 1. HashTable을 사용하여 자식을 효율적으로 저장, 검색 및 나열함 (O(1))
  - 2. addChild는 쉽게 단일 가지를 탐색할 수 있도록 자식을 반환해야 함
  - 3. 문자가 단어의 끝인 경우 isCompleted를 true로 표시합니다. 그 노드 아래에 새로운 자식이 추가될 때 업데이트됩니다.

2. Trie 구조 만들기


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

- 책임
- TrieNode의 인스턴스를 소유하여 단어 삽입, 단어 검색 및 특정 접두사로 단어 확인 수행

2. Trie에 단어 삽입

- addWord는 자식을 재귀적으로 추가하는 것을 목표로 한다.
- 이는 연결 리스트를 탐색하는 방법과 유사하다. 자식을 추가하고 입력 문자열의 끝에 도달할 때까지 포인터를 자식으로 이동시킨다.
- 성능
- 시간 복잡도: O(n), n은 단어의 길이이다.
- 공간 복잡도: O(1)

3. Trie에서 단어 검색


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

- getLastCharacterNode 함수는 입력 문자열의 끝에 도달했을 때에만 노드를 검색하고, 그 외의 경우에는 null을 반환합니다.
- 성능
- 시간 복잡도: O(n), 여기서 n은 문자열의 길이입니다.
- 공간 복잡도: O(1)

4. Trie에서 단어 검색하기 (DFS 사용)

- getLastCharacterNode를 사용하여 검색하는 단점은 다음 자식 노드를 찾을 수 없다면 작동을 멈출 수 있다는 것입니다.
- 예를 들어, abc를 삽입한 후 a.c인 경우 true를 반환해야 하는 새로운 요구 사항이 있다고 가정해보겠습니다.
- 대안적인 해결책은 다음 글자가 .인 경우에는 모든 다음 자식을 시도하는 것입니다.

5. Trie에서 특정 접두어를 가진 단어가 있는지 확인하기


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

- 마지막 문자 노드를 얻은 후 getSuggestedNextCharacters 목록의 자식 키
- 성능
- 시간 복잡성: O(n), n은 단어의 길이입니다.
- 공간 복잡성: O(1)

## 2. 그래프 — 인접 리스트 표현

그래프 시각화 예시가 있습니다. 이 그래프를 탐색하는 새로운 요구 사항이 있다면 우리 코드의 성능이 나빠질 수 있습니다. (소스 코드 확인)

성능을 향상시킬 방법이 있을까요?


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>


![이미지](/TIL/assets/img/2024-07-14-LearningDataStructureinTypeScriptforBeginnerPart2_3.png)

- 현재 소스 코드에는 순회 알고리즘이 구현되어 있지 않습니다. 만약 구현해야 한다면, O(V * E)가 걸릴 것입니다. 여기서 V는 노드의 수이고, E는 간선의 수입니다(각 노드마다 해당 노드의 이웃 노드를 얻기 위해 모든 간선을 확인해야 합니다).
- 성능을 개선하기 위해 데이터 구조를 재구성하고 인접 리스트를 만듭니다. 이는 O(V + E)가 소요됩니다. 여기서 V는 노드의 수이고, E는 그래프 순회에 필요한 간선의 수입니다.

## 정의

![이미지](/TIL/assets/img/2024-07-14-LearningDataStructureinTypeScriptforBeginnerPart2_4.png)



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 구현

TypeScript에서 어떻게 작동하는지 확인해 봐요.

1. Edge 구조체를 만들기

- Edge는 두 개의 노드 사이의 연결이에요
- 역할
    - 노드와의 관계 확인: hasSourceNode 및 hasTargetNode는 노드가 Edge의 일부인지 아닌지 확인할 수 있어요 (라인 14 ~ 20)


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

2. 노드 구조 생성하기

- 노드는 엣지의 출발지 또는 도착지입니다.
- 책임
  - 1. 링크드 리스트를 사용하여 이웃 엣지를 효율적으로 저장 및 검색합니다 (O(n)) (라인 26 ~ 42)
  - 2. 노드와의 관계를 기반으로 차수, 인바운드 차수, 아웃바운드 차수를 제공합니다 (라인 8 ~ 20)

3. 그래프 구조

- 그래프는 노드와 엣지로 이루어진 비선형 데이터 구조입니다.
- 책임
  - 1. 노드와 엣지를 저장합니다.
  - 2. 노드와 엣지에 대한 작업을 수행합니다 (예: 추가, 탐색 등).


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

4. 그래프 순회

두 가지 종류의 순회가 있습니다. 너비 우선 탐색 (라인 7~31)과 깊이 우선 탐색 (라인 36~51).

- 목적:
- BFS: 다음 레이어 방문 전에 모든 이웃을 걸어다닌다
- DFS: 모든 이웃을 걸어다니기 전에 가장 먼 레이어에 도착
- 시간 복잡도:
- BFS, 너비 우선 탐색: O(V + E), V는 노드 수, E는 간선 수
- DFS, 깊이 우선 탐색: O(V + E), V는 노드 수, E는 간선 수
- 공간 복잡도:
- BFS, 너비 우선 탐색: O(V), V는 노드 수
- DFS, 깊이 우선 탐색: O(V), V는 노드 수

# 참고


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

- Trie 데이터 구조 이해하기
- 해시 테이블 대 트라이 (접두사 트리)
- 트라이 데이터 구조 | 삽입 및 검색
- 그래프 알고리즘 재방문
- 그래프

# 요약

기다려 주셔서 감사합니다. 저는 션입니다. 소프트웨어 엔지니어로 일하고 있어요.

이 글은 제 노트입니다. 만약에 어떤 실수가 있다면 자유롭게 조언해주세요. 당신의 피드백을 기다리고 있어요.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

- 저를 구독해 주세요

- 기사를 공유하는 페이스북 페이지

- 최신 사이드 프로젝트: 매일 학습

# 관련 주제


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

두방향 바인딩을 Knout.js와 ReactJS에서 어떻게 사용하는지 알아보세요!

SignalR을 사용하여 채팅방 애플리케이션을 만드는 방법을 배워보세요.

'효과적인 SQL'에 대한 내 반성: 

IT 및 네트워크:


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

데이터베이스:

초보자를 위한 TypeScript 데이터 구조 배우기 Part 2

## TYPESCRIPT

<img src="/TIL/assets/img/2024-07-14-HowtowritebetterTypescriptcodes_0.png" />

## #1 Optional Chaining (?.):

Optional chaining(?.)은 중첩된 프로퍼티 또는 메소드에 안전하게 접근할 수 있게 해줍니다. null 또는 undefined 값에 대해 걱정할 필요가 없습니다. 중간 프로퍼티 중 하나라도 null 또는 undefined이면 평가가 중단됩니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
const user = {
  name: 'Piotr',
  address: {
    city: 'Warsaw',
    postalCode: '00-240'
  }
};


const postalCode = user.address?.postalCode;
console.log(postalCode); // 00-240

const invalidCode = user.address?.postalCode?.toLowerCase();
console.log(invalidCode); // Output: undefined
```

## #2 Use Mapped Types for Transformation

Mapped types allow you to create new types by transforming properties of existing types.

```js
type Readonly<T> = {
  readonly [P in keyof T]: T[P];
};
type Partial<T> = {
  [P in keyof T]?: T[P];
};
```


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

## #3 유틸리티 유형

TypeScript는 일반적인 유형 변환을 돕기 위해 여러 유틸리티 유형을 제공합니다.

i) Partial`T`: 모든 속성을 선택적으로 만듭니다.
ii) Required`T`: 모든 속성을 필수로 만듭니다.
iii) Readonly`T`: 모든 속성을 읽기 전용으로 만듭니다.
iv) Record`K, T`: 키가 K이고 유형이 T인 유형을 생성합니다.

```js
type Person = {
  name: string;
  age: number;
};
type PartialPerson = Partial<Person>;
type ReadonlyPerson = Readonly<Person>;
```


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

## #4 타입 가드

타입 가드를 사용하여 조건 블록 내에서 타입을 좁힐 수 있습니다.

```js
function isString(value: unknown): value is string {
  return typeof value === 'string';
}
```

## #5 템플릿 리터럴 타입


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

표 태그를 마크다운 형식으로 변경해주세요.


Tese allow you to create new string types by combining string literals.

```js
type EventName = 'click' | 'hover';
type EventHandlerName = `${EventName}Handler`; // 'clickHandler' | 'hoverHandler'
```

## #6 Indexed Access Types

Use indexed access types to extract the type of a property.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
유형 Person = { 이름: string; 나이: number };
유형 NameType = Person['name']; // string
```

## #7 키 리매핑을 통한 Mapped Types

새로운 유형을 생성하는 동안 키를 변환합니다.

```js
유형 PrefixKeys<T, P extends string> = {
  [K in keyof T as `${P}${K & string}`]: T[K]
};
유형 PrefixedPerson = PrefixKeys<{ 이름: string; 나이: number }, 'prefix_'>;
// { prefix_name: string; prefix_age: number }
```


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

## #8 공용체

이들은 서로 다른 유형의 조합을 만들고 유형 안전한(타입 세이프) 공용체를 만드는 데 도움을 줍니다.

```js
type Shape =
  | { kind: 'circle'; radius: number }
  | { kind: 'square'; side: number };

function getArea(shape: Shape) {
  switch (shape.kind) {
    case 'circle': return Math.PI * shape.radius ** 2;
    case 'square': return shape.side ** 2;
  }
}
```

## #9 제네릭에서 추론된 유형


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

`infer`를 사용하여 조건형 내에서 타입을 추출하고 사용하세요.

```js
type ReturnType<T> = T extends (...args: any[]) => infer R ? R : any;
type Fn = () => number;
type Result = ReturnType<Fn>; // number
```

## #10 모듈 확장

기존 모듈에 새로운 기능을 추가하세요.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

```typescript
// augmentations.ts
import 'express';
declare module 'express' {
  interface Request {
    user?: { id: string; role: string };
  }
}
```

## #11 Declare Merged Interfaces

Merge interfaces to extend types, especially useful with third-party libraries.

```typescript
interface Window {
  myCustomProperty: string;
}
window.myCustomProperty = 'Hello!';
```


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

## #12 기능 오버로딩

더 나은 유형 확인을 위해 여러 함수 시그니처를 제공합니다.

```js
function createDate(timestamp: number): Date;
function createDate(year: number, month: number, day: number): Date;
function createDate(x: number, y?: number, z?: number): Date {
  return y !== undefined && z !== undefined ? new Date(x, y, z) : new Date(x);
}
```

## #13 브랜드된 타입


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

브랜드화된 타입을 사용하여 명목적 타이핑을 만들어봐요.

```js
type UserId = string & { _brand: 'UserId' };
function createUserId(id: string): UserId {
  return id as UserId;
}
```

## #14 템플릿 리터럴 타입과 컨디셔널 타입

템플릿 리터럴 타입과 컨디셔널 타입을 결합하여 고급 문자열 조작을 해보세요.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
type ExtractRouteParams<T extends string> = T extends `/${infer Param}/${infer Rest}`
  ? { param: Param } & ExtractRouteParams<`/${Rest}`>
  : {};

type Params = ExtractRouteParams<'/user/:id/posts/:postId'>;
// { param: 'user' } & { param: 'posts' }
```

#15 Variadic Tuple Types

Typescript 4+는 가변 튜플 타입을 지원하여 튜플이 배열의 나머지 부분을 캡처할 수 있도록 합니다.

```js
type Push<T extends any[], V> = [...T, V];
type Result = Push<[1, 2, 3], 4]; // [1, 2, 3, 4]
```

TypeScript 코드를 더 잘 쓰는 방법

## 파이썬

![Python Anti-Patterns](/TIL/assets/img/2024-07-14-9PythonAntiPatternsThatIWillNeverApplyinProduction_0.png)

어떤 언어든, 오래된 만큼 반드시 몇 가지 안티-패턴 기능과 이해하기 어려운 구문이 있습니다.

파이썬이 우아한 언어라고 하더라도 이 운명에서 벗어날 수 없습니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

소프트웨어 개발자로서 우리가 할 수 있는 것은 지식을 최신 상태로 유지하고 오래된 또는 부적절한 기능을 사용하지 않는 것입니다.

이 기사는 가독성, 보안 및 디버깅에 해로운 9가지 Python 안티 패턴에 대해 상기시킬 것입니다. 경험 많은 Python 엔지니어는 제품 개발 시 이러한 패턴을 적용해서는 안 됩니다.

# 1. For-Else 구조

Python에는 매우 특별한 구문인 for-else가 있습니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

if-else가 아니라 for 루프 후에 "else"가 있다는 거야!

```js
leaders = ["Elon", "Tim", "Warren"]

for i in leaders:
    if i == "Yang":
        print("Yang is a leader!")
        break
else:
    print("Yang을 찾을 수 없어요!")

# Yang을 찾을 수 없어요!
```

위의 코드에서 보듯이 leaders 리스트에는 Yang이 없지만 Yang 또한 지도자입니다. 따라서 for 루프에 break가 없어요.

이 경우, for 루프 뒤에 있는 "else" 블록이 실행되었어요.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

그 로직은 간단합니다. "else" 블록은 루프에 중단점이 없을 때만 실행됩니다.

그러나 다른 프로그래밍 언어에서는 else 문을 이렇게 사용할 수 없기 때문에, 이 for-else 구조는 파이썬 원어민이 아닌 대부분의 동료들을 혼란스럽게 만들 수 있습니다.

동료들이 파이썬 마스터라 하더라도, 이 기능이 100% 필요하지 않고, 사용하는 사람이 많지 않으므로, 제품에 적용하는 것은 전혀 좋은 생각이 아닙니다. 그렇지 않으면, 코드베이스의 가독성이 극도로 떨어질 수 있습니다.

그렇다면, for-else 구조 없이 예시 코드를 다시 작성하는 방법은 무엇일까요?


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

테이블 태그를 마크다운 형식으로 변경해주세요:


leaders = ["Elon", "Tim", "Warren"]
found_yang = False

for i in leaders:
    if i == "Yang":
        print("Yang is a leader!")
        found_yang = True
        break

if not found_yang:
    print("Not found Yang!")


## 2. eval() 또는 exec() 함수

처음 보면, eval() 함수의 힘을 활용하면 일부 기능을 구현하는 것이 더 쉬워 보입니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

예를 들어, 다음 함수는 eval() 함수의 도움을 받아 한 줄의 코드로 기본 계산기를 구현합니다:

```js
def calculator(a, b, op):
    return eval(f'{a} {op} {b}')

print(calculator(2, 3, '+'))
# 5
print(calculator(6, 5, '-'))
# 1
print(calculator(7, 8, '*'))
# 56
print(calculator(8, 2, '/'))
# 4.0
```

깔끔하고 간결하죠?

사이버 공격자들도 eval() 함수를 좋아합니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

그 이름에서 알 수 있듯이, eval() 함수는 Python 식을 평가하는 데 사용됩니다.

그러나 입력이 시스템을 해킹하도록 특별히 설계된 경우, eval() 함수는 모든 악의의 근원이 될 수 있습니다.

예를 들어, 누군가 이전의 계산기를 다음과 같은 방식으로 사용한다면, 쉽게 현재 위치의 폴더와 파일 목록을 가져올 수 있습니다:

```js
def calculator(a, b, op):
    return eval(f'{a} {op} {b}')


print(calculator("__import__('os').system('ls')",'',''))
```


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

다음과 같이 입력을 변경해보는 건 어떨까요:

```js
print(calculator("__import__('os').system('rm -rf *')",'',''))
```

따라서, 제작 환경에서는 evel() 함수를 사용하지 않는 것이 가장 좋습니다.

evel() 함수와 유사하게, exec()는 Python 프로그램 코드를 동적으로 실행하는 또 다른 내장 함수입니다. 보안 문제로 인해 이 역시 제작 환경에서 사용하지 않는 것이 좋습니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 3. 깊게 중첩된 루프

어떤 복잡한 경우에는 중첩된 루프를 사용할 수밖에 없는 것처럼 보입니다:

```js
list_a = [1, 2020, 70]
list_b = [2, 4, 7, 2000]
list_c = [3, 70, 7]

for a in list_a:
    for b in list_b:
        for c in list_c:
            if a + b + c == 2077:
                print(a, b, c)
# 70 2000 7
```

하지만 깊게 중첩된 루프는 읽기 어렵고 파이썬다운 방식이 아닙니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

나쁜 코딩에서 나오는 안티 패턴입니다. 파이썬은 이 문제를 해결하기 위한 내장 도구를 제공합니다:

```python
from itertools import product

list_a = [1, 2020, 70]
list_b = [2, 4, 7, 2000]
list_c = [3, 70, 7]

for a, b, c in product(list_a, list_b, list_c):
    if a + b + c == 2077:
        print(a, b, c)
# 70 2000 7
```

위의 예시에서 보다시피, itertools.product() 함수의 도움을 받아 이전 프로그램은 중첩된 루프를 완전히 피할 수 있습니다. 이 함수는 입력 이터러블의 카테시안 곱을 얻기 위한 방법입니다.

# 4. 와일드카드로 모두 가져오기(import)


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

와일드카드 임포트(from module import *)는 이름 충돌과 코드 불명확성의 근본이 됩니다.

이것은 모듈에서 모든 객체를 현재 네임스페이스로 가져오기 때문에 어디서 변수 또는 함수가 정의되었는지 추적하기 어렵습니다. 모듈에 의해 소개된 모든 이름을 기억하기 어려울 뿐만 아니라, 특히 대규모 타사 모듈의 경우 더욱 문제입니다.

네임스페이스 오염을 피하기 위해, 우리가 명시적으로 필요한 것만 가져오는 것이 최선의 실천 방법입니다:

```js
from module import func_a, func_b
```


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 5. 멋진 한 줄 요약

한 줄 요약은 프로그래밍의 재미난 부분을 보여줍니다. 재미로 작성하는 건 괜찮아요.

하지만 제품용 코드에 넣는 건 재앙이 될 수 있습니다.

이것은 퀵 정렬의 파이썬 한 줄 요약입니다:


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
퀵정렬 = lambda l: 퀵정렬([i for i in l[1:] if i < l[0]]) + [l[0]] + 퀵정렬([j for j in l[1:] if j >= l[0]]) if l else []
```

이 코드는 잘 작동하지만 코드의 로직을 얼마나 빨리 이해할 수 있습니까?

당신만큼 빨리 동료들도 이해할 수 있을까요?

그리고 람다 함수는 많은 멋진 파이썬 한 줄짜리 코드의 기반입니다. 우리는 매우 간단한 함수에만 사용해야 합니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 6. 깊은 상속 계층 구조와 복잡한 믹스인

객체 지향 프로그래밍은 어떤 면에서는 두 각도로 양날의 검입니다.

때로는 메서드의 목적을 이해하기 위해 매우 복잡한 상속 계층을 추적해야 할 수도 있습니다.

게다가 Python은 믹스인을 지원하는데, 이는 객체를 이해하기 어렵게 만들 수 있습니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

동료들이 편리하게 일할 수 있도록 상속 체인을 간소화하는 것을 고려해보세요.

# 7. 변경 가능한 기본 인수

파이썬은 값에 의한 호출(call-by-name)도 아니고 참조에 의한 호출(call-by-reference)도 아니며, 공유에 의한 호출(call-by-sharing)이다.

이는 변경 가능한 기본 인수를 정의할 경우 혼란스러운 코드로 이어질 수 있습니다:


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
def get_leaders(element, leader_list=[]):
    leader_list.append(element)
    return leader_list


print(get_leaders('Elon'))
# ['Elon']
print(get_leaders('Yang'))
# ['Elon', 'Yang']
print(get_leaders('Warren'))
# ['Elon', 'Yang', 'Warren']
```

위의 함수는 함수를 3번 독립적으로 호출해도 항상 동일한 목록을 사용합니다.

이제 leader_list의 기본 값을 None으로 변경하고 결과를 확인해봅시다:

```js
def get_leaders(element, leader_list=None):
    if leader_list is None:
        leader_list = []
    leader_list.append(element)
    return leader_list


print(get_leaders('Elon'))
# ['Elon']
print(get_leaders('Yang'))
# ['Yang']
print(get_leaders('Warren'))
# ['Warren']
```


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

매번 함수 호출할 때마다 새로운 목록이 생성됩니다.

실제로 Python 함수에서 가변 기본 인수를 사용하는 것은 Python이 가변 및 불변 데이터 구조를 처리하는 방식으로 인해 안티 패턴으로 간주됩니다. 이 동작은 종종 예상치 못한 결과와 찾기 어려운 버그로 이어집니다.

# 8. If-Else가 모든 곳에서 등장합니다

Python 3.10 이전에는 때때로 많은 if-else 문을 작성해야 했습니다. 왜냐하면 Python은 아직 match-case 구문을 지원하지 않았기 때문입니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

파이썬 3.10 이후로 구조적 패턴 매칭 기술이 소개되면서 if-else 문을 반복적으로 작성하는 불편을 피할 수 있게 되었습니다:

```js
def handle_http_status(status_code):
    match status_code:
        case 200:
            return "성공!"
        case 400:
            return "잘못된 요청"
        case 401:
            return "권한 없음"
        case 404:
            return "찾을 수 없음"
        case 500:
            return "내부 서버 오류"


print(handle_http_status(200))
# 성공!
print(handle_http_status(404))
# 찾을 수 없음
print(handle_http_status(2077))
# None
```

위 프로그램에서 보듯이, match-case 구문을 사용하여 각각 다른 입력을 처리할 수 있습니다. 모든 경우에 if-else 문이 필요하지 않다는 것을 알 수 있습니다.

# 9. C-스타일 문자열 포맷팅


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

파이썬의 매우 오래된 버전에서는 문자열 포맷팅 연산이 C 프로그래밍 언어와 같았습니다:

```js
name = 'Yang'
print("Hi, %s" % name)
# Hi, Yang
```

그러나 파이썬이 많이 발전함에 따라 이전 구문은 여전히 사용할 수 있지만, 그 낡은 면모를 보여주고 있습니다:

지금은 이 오래된 기술을 피하고 모든 문자열 포맷팅에 f-string 구문을 적용해야 합니다:


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>


name = 'Yang'
desc = 'amazing'
print(f"Hi, {name}! You are {desc}!")
# Hi, Yang! You are amazing!


# 결론

어떤 프로그래밍 언어도 완벽하지 않습니다.

자바보다 오래된 파이썬은 불가피하게 몇 가지 나쁜 설계로 인해 안티 패턴을 유발합니다.



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

경험 많은 Python 개발자로서, 우리는 문제가 있는 곳을 파악하고 그것들을 피하는 것이 중요해요. 동시에, 최신 구문을 활용하기 위해 새로운 Python 버전의 업데이트를 주시하면 도움이 될 거예요.

읽어 주셔서 감사합니다. ❤️ 만약 마음에 드셨다면, 연락해 보아요:

- Linkedin
- Medium

제가 작성한 더 많은 Python 자습서들:

프로덕션에서 절대 사용하지 않을 9가지 Python 안티 패턴

당신의 첫 LLM 앱을 개발하는 데 필요한 모든 것

# TL;TR

데코레이터는 파이썬에서 강력한 기능으로, 실제 코드를 변경하지 않고 함수 또는 메서드의 동작을 수정할 수 있게 해줍니다. Django에서는 인증, 권한 부여 및 요청 처리와 같은 반복적인 작업을 간소화하고 관리하기 위해 데코레이터가 널리 사용됩니다. 이 기사에서는 파이썬과 Django에서 데코레이터의 중요성을 탐색하고, 그들의 강력함을 강조하며 효과적인 사용을 위한 모베스트 프랙티스를 제공합니다.

# 데코레이터의 기본

파이썬에서 데코레이터는 다른 함수나 메서드를 감싸서 동작을 수정하는 함수입니다. @decorator_name 구문을 사용하여 함수 정의 위에 적용됩니다. 다음은 간단한 예시입니다:


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

```python
def my_decorator(func):
    def wrapper():
        print("함수 호출 전")
        func()
        print("함수 호출 후")
    return wrapper

@my_decorator
def say_hello():
    print("안녕!")

say_hello()
```

say_hello가 호출되면 다음과 같이 출력됩니다:

```python
함수 호출 전
안녕!
함수 호출 후
```

# 장고에서의 데코레이터들


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

장고에서는 데코레이터가 뷰를 관리하고 공통 웹 개발 작업을 처리하는 데 중요한 역할을 합니다:

## 인증 데코레이터

- @login_required: 뷰에 접근하기 전에 사용자가 인증되었는지 확인합니다.

```python
from django.contrib.auth.decorators import login_required

@login_required
def dashboard(request):
    return HttpResponse("대시보드에 오신 것을 환영합니다!")
```


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 허가 데코레이터

- @permission_required: 사용자가 특정 권한을 갖고 있는지 확인합니다.

```python
from django.contrib.auth.decorators import permission_required

@permission_required('app.view_dashboard')
def dashboard(request):
    return HttpResponse("대시보드를 볼 수 있는 권한이 있습니다!")
```

## 메서드 데코레이터


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

- @require_http_methods: 뷰에 허용된 HTTP 메소드를 제한합니다.

```js
from django.views.decorators.http import require_http_methods

@require_http_methods(["GET", "POST"])
def submit_form(request):
    if request.method == 'POST':
        return HttpResponse("Form submitted!")
    return HttpResponse("Submit the form.")
```

# Django에서 사용자 정의 데코레이터

Django에서 사용자 정의 데코레이터를 생성하면 재사용 가능한 기능을 캡슐화할 수 있습니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

예시: 뷰로의 접근 로깅

```python
import logging
from django.http import HttpResponse

logger = logging.getLogger(__name__)

def log_access(func):
    def wrapper(request, *args, **kwargs):
        logger.info(f"뷰에 접근 중: {func.__name__}")
        return func(request, *args, **kwargs)
    return wrapper

@log_access
def dashboard(request):
    return HttpResponse("대시보드입니다")
```

# 데코레이터 사용시 권장 사항

파이썬과 장고에서 데코레이터를 사용할 때, 유지보수 가능하고 효율적인 코드를 보장하기 위해 다음과 같은 권장 사항을 고려해보세요:


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 1. 데코레이터를 간단하고 명확하게 유지해주세요

데코레이터는 한 가지 일을 잘 하는 것이 중요합니다. 복잡한 로직을 피하고 데코레이터를 이해하기 쉽고 유지보수가능하도록 유지해주세요.

## 2. 데코레이터를 명확하게 문서화해주세요

사용자 정의 데코레이터에 대해 명확한 설명서를 제공하여 그 목적과 사용법을 설명해주세요. 이는 가독성과 유용성을 유지하는 데 중요합니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 3. 가능한 경우 내장 데코레이터 사용하기

인증 및 메소드 제한과 같은 일반 작업에 대해 Django의 내장 데코레이터를 활용하세요. 이들은 제대로 시험된 상태이며 유지관리가 잘 되어 있습니다.

## 4. 적절하게 데코레이터를 스택해야 합니다

여러 데코레이터를 사용할 때 의도하지 않은 동작을 피하기 위해 논리적인 순서로 스택하십시오. 예를 들어:


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

```python
@login_required
@require_http_methods(["POST"])
def secure_submit(request):
    return HttpResponse("안전하게 제출된 양식!")
```

## 5. Gracefully 처리되는 예외 핸들링

데코레이터가 예외를 정상적으로 처리하고 의미 있는 오류 메시지 또는 대체 매커니즘을 제공하도록 확실히 합니다.

## 6. 데코레이터 철저히 테스트하기


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

커스텀 데코레이터에 대한 유닛 테스트를 작성하여 다양한 시나리오에서 예상대로 작동하는지 확인하세요.

# 결론

데코레이터는 Python 및 Django에서 강력한 도구로, 개발자들이 반복적인 작업을 추상화하여 더 깔끔하고 유지보수가 쉬운 코드를 작성할 수 있게 해줍니다. 이러한 데코레이터의 전체 잠재력을 활용하기 위해 개발자들은 그것을 간단하게 유지하고 철저히 문서화하며 내장 솔루션을 활용하는 등의 최상의 방법을 따라야 합니다.

# 저를 따라오세요


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

- 내 랜딩 페이지
- 내 Youtube 채널
- 내 SaaS 서비스
- 내 GitHub

# 간단히 말해서 🚀

In Plain English 커뮤니티에 참여해 주셔서 감사합니다! 떠나시기 전에:

- 글쓴이를 클랩하고 팔로우 해 주세요 ️👏️️
- 팔로우하기: X | LinkedIn | YouTube | Discord | Newsletter
- 다른 플랫폼 방문: CoFeed | Differ
- PlainEnglish.io에서 더 많은 콘텐츠 확인하기

장고에서 파이썬 데코레이터의 강력한 기능 알아보기

## 판다스(Pandas)로 파이썬 데이터 분석 능력을 향상시켜요

안녕하세요! 오늘은 Pandas를 사용하여 데이터 분석 능력을 향상시키는 방법에 대해 알려 드릴게요!

# 1. 빠른 데이터 가져오기 및 미리보기

```python
import pandas as pd
# "data.csv"라는 파일이 있다고 가정합니다
df = pd.read_csv('data.csv')
# 첫 5개 행을 미리보기, 마치 미지를 드러내는 것처럼
print(df.head())
```


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

이 단계는 새 서점에 들어가서 목차를 훑는 것과 비슷합니다.

DataFrame은 판다스의 핵심입니다. `read_csv`를 사용하면 CSV 파일을 테이블로 변환할 수 있고, `head()`를 사용하면 미리보기를 볼 수 있습니다.

# 2. 데이터 정리: 누락된 값 처리

```js
# 누락된 값 확인
print(df.isnull().sum())
# 누락된 값들을 해당 열의 평균값으로 채우기
df.fillna(df.mean(), inplace=True)
```


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

데이터 정리는 먼지가 쌓인 보석을 닦는 것과 같아요. `isnull().sum()`은 먼지가 있는 곳을 보여주는데, `fillna`은 보석을 깨끗이 닦는 도구에요. 평균을 활용해서 닦습니다.

# 3. 선택과 필터링: 정확한 대상 선정

```js
# 'Age' 열 선택
age_column = df['Age']
# 나이가 25보다 큰 행 필터링
adults = df[df['Age'] > 25]
```

슈퍼마켓 통로를 걷고 있는 것처럼 상상해봐요. `df[‘Age’]`은 라벨을 확인하는 것처럼, `df[df[‘Age’] > 25]`는 기준을 충족하는 항목을 고르는 것과 같아요.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 4. 탐색적 데이터 분석: 기술 통계

```js
# 개요를 위한 기술 통계
print(df.describe())
```

이것은 건강 진단과 같아요. 평균값, 최댓값 등을 보여줘서 데이터 상태를 알려줘요.

# 5. 데이터 병합: 퍼즐 게임


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
# 가정: df2는 또 다른 DataFrame이라고 가정합니다.
merged_df = pd.concat([df, df2], axis=0)  # 수직으로 쌓기
merged_df = pd.merge(df, df2, on='공통_컬럼')  # 공통 열을 기준으로 조인

```

데이터 병합은 퍼즐 조각을 맞추는 것과 비슷합니다. `concat`은 쌓고, `merge`는 키 열을 기반으로 결합합니다.

# 6. 그룹화: 패턴 찾기

```js
# 성별로 그룹화하여 평균 나이 계산
average_age_by_gender = df.groupby('성별')['나이'].mean()
```


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

그룹화는 데이터 마이닝의 시작입니다. 비슷한 항목을 그룹화하고 그들의 평균 무게를 측정하는 것과 같아요. `groupby`는 분석에 깊이를 더해줍니다.

## 7. 데이터 형태 변형: 큐브 회전

```js
# 다른 관점을 위해 데이터 전치
df_transposed = df.T
# 유연한 분석을 위한 피벗 테이블
pivot_table = df.pivot_table(index='Gender', values='Age', aggfunc='mean')
```

데이터 형태 변형은 루빅 큐브를 돌리는 것과 같아요. `T`는 측면을 보여주고, `pivot_table`은 다차원 분석을 위한 사용자 정의 관점을 제공해줘요.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

# 8. 조건부 필터링: 정밀 타겟팅

```js
# Filter rows where age is between 25 and 30 and city is 'New York'
filtered_df = df[(df['Age'] > 25) & (df['Age'] < 30) & (df['City'] == 'New York')]
```

조건부 필터링은 마치 목표를 정확하게 조준하는 것과 같아요. 논리 연산자 `&` (그리고)와 `|` (또는)를 사용하여 필요한 데이터를 정밀하게 찾을 수 있어요.

# 9. 데이터 정렬: 누가 선두일까요?


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
# 나이를 오름차순으로 정렬합니다
sorted_df = df.sort_values(by='나이')
# 혹은 내림차순으로 정렬할 수도 있습니다
sorted_df_desc = df.sort_values(by='나이', ascending=False)
```

정렬은 마치 경쟁에서 순위 매기는 것과 같아요. `sort_values`는 지정된 열을 기준으로 데이터를 정렬해주는데, `ascending=False`는 가장 빠른 선수들을 보여줘요.

# 10. 데이터 시각화: 즉각적인 통찰

판다스로 직접 제공되지는 않지만, 맷플롯립이나 시본과 결합하면 데이터가 생동각을 불어넣어줄 수 있어요!



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>


import matplotlib.pyplot as plt
# 나이에 대한 히스토그램 그리기
df['Age'].hist()
plt.title('나이 분포')
plt.show()


시각화는 데이터 분석의 하이라이트에요. 히스토그램, 산점도... `hist()` 함수를 사용하면 한눈에 나이 분포 패턴을 확인할 수 있어요. 제목을 추가하고 차트를 표시하면, 여러분의 이야기가 살아날 거예요!

이 10가지 판다스 팁은 데이터 분석을 위한 10가지 마법 주문 같아요. 이를 마스터하면 데이터 바다를 탐험하며 더 많은 비밀을 발견할 수 있어요. 이제 파이썬을 실행하고 데이터를 춤추게 해보세요!

최신 인공지능 이야기에 대한 소식을 받으려면 Substack에서 저희와 연락하세요.함께 인공지능의 미래를 만들어가요!



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

저희와 함께 파이썬 이야기를 업데이트 받으려면 Substack에서 연락을 유지하세요. 함께 파이썬을 배워봐요!

파이썬 데이터 분석을 위한 반드시 알아야 할 10가지 판다스 기술

알아두면 유용한 파이썬 프로그래밍 문법 10가지

![이미지](/TIL/assets/img/2024-07-14-7CrazyPythonEasterEggsYouProbablyHaventSeen_0.png)

Python은 기술 세계에서 가장 인기 있는 프로그래밍 언어 중 하나로, 요약하면 코딩 왕국의 석탄왕입니다. Python은 사용하기 쉬운 구문과 다재다능성으로 개발자들의 마음 속에 특별한 자리를 꽂아왔습니다. 그러나 실용적인 응용 분야를 넘어 숨겨진 재미있는 이스터 에그들로 가득 찬 비밀의 놀이터가 기다리고 있습니다. 이 블로그에서는 아마 본 적이 없는 몇 가지 미친 Python 이스터 에그를 공유하려고 합니다.

## 1. .py 확장자는 크게 상관이 없어요 🐍

Python에 관한 모든 책, 모든 튜토리얼, 그리고 모든 기사는 Python 프로그램을 저장할 때 항상 .py 확장자를 사용해야 한다고 말할 것입니다. 이것은 사실이고, 항상 이 윤리적으로 해야 하지만, 이 기사는 Python 윤리에 관한 것이 아니라 이스터 에그에 관한 것입니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>


![image](https://miro.medium.com/v2/resize:fit:996/1*s-gIoYmgwo4NNlTBsTniZw.gif)

파이썬 파일을 저장할 때는 .cow, .cat 또는 .mango와 같은 모든 종류의 확장자를 사용할 수 있습니다. 스크립트가 유효하다면 원하는 출력을 제공하고 실행될 것입니다.

```js
# 간단한 CLI 계산기
# cli_calc.cow

def add(x, y):
  return x + y
def subtract(x, y):
    return x - y
def multiply(x, y):
    return x * y
def divide(x, y):
    if y == 0:
        return "오류: 0으로 나눌 수 없습니다!"
    else:
        return x / y

print("연산을 선택하세요:")
print("1. 더하기")
print("2. 빼기")
print("3. 곱하기")
print("4. 나누기")

while True:
    choice = input("선택하세요 (1/2/3/4): ")
    if choice in ('1', '2', '3', '4'):
        num1 = float(input("첫 번째 숫자를 입력하세요: "))
        num2 = float(input("두 번째 숫자를 입력하세요: "))

        if choice == '1':
            print("결과:", add(num1, num2))
        elif choice == '2':
            print("결과:", subtract(num1, num2))
        elif choice == '3':
            print("결과:", multiply(num1, num2))
        elif choice == '4':
            print("결과:", divide(num1, num2))
        break
    else:
        print("유효하지 않은 입력입니다. 유효한 숫자를 입력하세요 (1/2/3/4).")
```

![image](https://miro.medium.com/v2/resize:fit:1200/1*bRH0ZnSKG-kaCv-gr8fonA.gif)



<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

## 2. 파이썬에서 무한대는 도달 가능합니다

정말 그렇습니다.
파이썬에서는 float(`inf`)를 사용하여 양의 무한대를 나타내고, float(`-inf`)를 사용하여 음의 무한대를 나타낼 수 있습니다.

![이미지](https://miro.medium.com/v2/resize:fit:324/1*0KTkloaq_LLwl7esTS_dbQ.gif)

아래는 간단한 예제 사용 사례입니다...


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
def find_max(numbers):
    if not numbers:
        return float('-inf')  # 빈 리스트에는 음의 무한대를 반환합니다.
    else:
        max_value = float('-inf')  # max_value를 음의 무한대로 초기화합니다.
        for num in numbers:
            if num > max_value:
                max_value = num
        return max_value

# 예시 사용법:
numbers_list = [5, 9, 2, 11, 6]
print("최댓값:", find_max(numbers_list))

empty_list = []
print("빈 리스트의 최댓값:", find_max(empty_list))

----------------------------
최댓값: 11
```

## 3. The OG 😎

“Python의 기초”는 Python 프로그램을 작성하는 지침의 모음입니다. 이것들은 Tim Peters가 쓴 것으로 Python 해석기에 "이스터 에그"로 포함되어 있습니다. Python 인터프리터에서 import this를 입력하여 확인할 수 있습니다.

```js
>>> import this
The Zen of Python, by Tim Peters

Beautiful is better than ugly.
Explicit is better than implicit.
Simple is better than complex.
Complex is better than complicated.
Flat is better than nested.
Sparse is better than dense.
Readability counts.
Special cases aren't special enough to break the rules.
Although practicality beats purity.
Errors should never pass silently.
Unless explicitly silenced.
In the face of ambiguity, refuse the temptation to guess.
There should be one-- and preferably only one --obvious way to do it.
Although that way may not be obvious at first unless you're Dutch.
Now is better than never.
Although never is often better than *right* now.
If the implementation is hard to explain, it's a bad idea.
If the implementation is easy to explain, it may be a good idea.
Namespaces are one honking great idea -- let's do more of those!
```


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

PEP 20(Python Enhancement Proposal 20)은 팀 피터스가 저술한 Python의 철학인 Zen of Python을 처음 소개했습니다. 20개의 금언이라고 불리지만, 실제로는 PEP에 명시된 것은 19개 뿐입니다. 이 작은 차이는 적혀 있는 것과 인용된 것 사이의 흥미로운 측면 중 하나입니다. 

![image](https://miro.medium.com/v2/resize:fit:200/0*zT7m0MwnO2vf35uK.gif)

## 4. "한치의 여지도 없다"

Python에는 Python 2와 Python 3 모두와 호환성을 유지하기 위해 개발자가 사용하는 __future__ 패키지가 있습니다. 이를 통해 Python 2와 Python 3를 모두 지원하는 단일하고 깨끗한 Python 3.x 호환 코드베이스를 최소한의 오버헤드로 사용할 수 있습니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

음... 좋아! 이 패키지에는 오류와 클래스에서 유머로 가득찬 은박이 숨겨져 있어요.

```js
from __future__ import braces

  File "<stdin>", line 1
SyntaxError: not a chance
```

미래에서 중괄호를 가져오려고 하면 '흥! 그럴 리가' 라는 재미있는 오류가 발생할 거에요. 이 부분은 Python이 C, Java, 또는 JavaScript와 같은 다른 프로그래밍 언어와 달리 중괄호 ''를 블록 구분에 사용하지 않는다는 사실을 유머스럽게 표현한 장난이나 은박이로 의도적으로 만들어졌어요.

## 5. Chinese As Var Names


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

네, 올바르게 이해하셨어요!!!

Python에서는 변수 이름으로 중국어 문자나 유니코드 문자를 사용할 수 있어요. Python은 언어 전반에 걸쳐 유니코드를 지원해요.

```js
# 변수 이름으로 중국어 문자 사용하기
大人弓戈 = "Hello"
print(大人弓戈)  # 출력: Hello

金竹戈女日 = "World"
print(金竹戈女日)  # 출력: World

# 함수 이름에 중국어 문자 사용하기
def 心口戈弓廿尸日廿日():
    print("心卜廿竹人弓戈尸中人女水")

心口戈弓廿尸日廿日()
```

## 6. Antigravity


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

파이썬의 재미있는 이스터에그 중 하나는 "Python"이라는 XKCD 만화를 참조한 것입니다. 이 만화에는 어떤 복잡한 작업도 쉽게 느껴지게 만들 수 있는 캐릭터 이야기가 포함되어 있어 파이썬의 간결함과 가독성을 강조합니다.

```js
import antigravity
```

## 7. 이상한 임포트

파이썬에는 30만 개 이상의 패키지가 있습니다. 그 중 일부는 내장되어 있고 놀라운 파이썬 커뮤니티가 외부에서 몇 가지 생성합니다. 각 패키지는 고유한 능력 집합을 갖고 있지만 일부는 파이썬의 재미를 한 단계 더 높여줍니다.


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4877378276818686"
     data-ad-slot="1549334788"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

```js
import __hello__

>> Hello World!
```

__hello__ 모듈은 파이썬에서 특별한 모듈로, 파이썬 패키지를 만들고 배포하는 간단한 데모로 사용됩니다. 실제 기능은 포함하고 있지 않지만, 파이썬 패키지의 구조와 레이아웃을 보여줍니다.

여기까지 읽어주셔서 감사합니다. 내 컨텐츠가 마음에 들고, 지원하고 싶다면 다음이 최고 방법입니다 —

- Clap👋을 남기고 생각을 💬 댓글로 남겨주세요.
- 제 Medium 팔로우하기.
- LinkedIn에서 나와 연결하기.
- 내 이메일 목록에 가입하여 다른 글을 놓치지 마세요.

Posts