diff --git "a/\354\261\225\355\204\260_4/\354\213\240\354\212\271\354\244\200.md" "b/\354\261\225\355\204\260_4/\354\213\240\354\212\271\354\244\200.md"
new file mode 100644
index 0000000..d9a1372
--- /dev/null
+++ "b/\354\261\225\355\204\260_4/\354\213\240\354\212\271\354\244\200.md"
@@ -0,0 +1,9 @@
+# 안티 패턴
+
+안티 패턴은 잘못된 패턴이다.
+
+안티 패턴이라는 것을 인지할 수 있다면, 잘못된 패턴 도입을 피할 수 있다.
+
+가끔 신속한 구현을 위해 임시방편을 선택하곤 한다. 임시방편은 영구적으로 이어지는 경향이 있으며 이는 결국 기술 부채가 된다.
+
+> 저의 경우, React에서 컴포넌트를 잘 나누지 않았던 것이 안티 패턴이었던 것 같아요. '그냥 한 파일에서 다 파악 가능하도록 하자'라는 생각이었는데요, 나중에 다시 보니까 그 컴포넌트가 어디까지 동작하는지 파악하기 힘들더라구요. 요즘엔 적절히... 나누고 있습니다.
diff --git "a/\354\261\225\355\204\260_5/\354\213\240\354\212\271\354\244\200.md" "b/\354\261\225\355\204\260_5/\354\213\240\354\212\271\354\244\200.md"
new file mode 100644
index 0000000..40a9375
--- /dev/null
+++ "b/\354\261\225\355\204\260_5/\354\213\240\354\212\271\354\244\200.md"
@@ -0,0 +1,15 @@
+# 최신 자바스크립트 문법과 기능
+
+## 외부 소스로부터 가져오는 모듈
+
+```javascript
+import { cakeFactory } from 'https://example.com/cake-factory.js';
+```
+
+> 이렇게 https 프로토콜을 통해 가져올 수 있다는 걸 처음 알았어요.
+
+## 사용자 상호작용에 따라 가져오기
+
+일부 기능은 사용자가 상호작용할 때에만 필요할 수도 있다. 상호작용할 때에만 로드되도록 하는 것이 좋다.
+
+> 이것도 잘 생각해보지 못했던 것 같아요. 유용하게 써먹을 것 같습니다.
\ No newline at end of file
diff --git "a/\354\261\225\355\204\260_6/\354\213\240\354\212\271\354\244\200.md" "b/\354\261\225\355\204\260_6/\354\213\240\354\212\271\354\244\200.md"
new file mode 100644
index 0000000..a8df548
--- /dev/null
+++ "b/\354\261\225\355\204\260_6/\354\213\240\354\212\271\354\244\200.md"
@@ -0,0 +1,15 @@
+# 디자인 패턴의 유형
+
+## 생성 패턴
+
+주어진 상황에 적합한 객체를 생성한다.
+
+## 구조 패턴
+
+시스템의 어느 한 부분이 변경되더라도, 다른 부분에는 영향이 가지 않도록 도와준다.
+
+## 행위 패턴
+
+객체 간 커뮤니케이션을 개선하고 간소화한다.
+
+> 제로초님이 요즘 유튜브 쇼츠로 디자인 패턴 영상을 올리던데 출퇴근길에 하나씩 보면 도움이 될 것 같네요..!
\ No newline at end of file