[Mission4/전승환] - Project_Notion_VanillaJS #29

ghost · 2022-11-16T19:23:34Z

📌 과제 설명

VaniilaJs Notion Project

👩‍💻 요구 사항과 구현 내용

글 단위를 Document라고 합니다. Document는 Document 여러개를 포함할 수 있습니다.

화면 좌측에 Root Documents를 불러오는 API를 통해 root Documents를 렌더링합니다.
Root Documents를 클릭하면 오른쪽 편집기 영역에 해당 Docuement의 Content를 렌더링 합니다.
해당 Root Document에 하위 Document가 있는 경우 , 해당 Document 아래에 트리 형태로 렌더링 합니다.
Document Tree에서 각 Document 우측에는 + 버튼이 있습니다. 해당 버튼을 클릭하면 , 클릭한 Document의 하위 Document로 새 Document를 생성하고 편집화면으로 넘깁니다.
편집기에는 기본적으로 저장 버튼이 없습니다. Document Save API를 이용해 지속적으로 서버에 저장되도록 합니다.
History API를 이용해 SPA형태로 만듭니다.
루트 URL 접속 시엔 별다른 편집기 선택이 안된 상태입니다.
/documents/{documentId} 로 접속시 , 해당 Document content를 불러와 편집기에 로딩합니다.

컴포넌트 구조

✅ PR 포인트 & 궁금한 점

1

Editor 컴포넌트를 title , content 2개로 나누었습니다.
좀더 간편하게 ui 을 수정하고 재사용성에 용이하기 위해서 분리했는데 나누지 말고 합치는게 좀더 효율적일까요?
지금 보면 합쳐서 관리하는게 코드도 좀 더 짧아질 것 같은 생각이 들고 불필요한 중복코드들이 안나올듯 싶습니다.
아니면 지금 구조를 유지하고 중복코드를 묶어서 외부로 관리를 해도 괜찮은 방법일까요?

2

첫번째 질문이랑 비슷한 질문이지만 전에 과제를 하다가 의문점이 해결이 안되서 질문남겨봅니다.
투두리스트 과제에서 뷰와 관련 없는 로직을 전부 컴포넌트 외부에 분리하였습니다.
하지만 , 지금 든 생각은 과연 이게 리액트와 맞는 방식일까? 라는 의문점이 생겼습니다.
물론 외부에서 같은 기능을 가진 함수끼리 묶게되면 유지보수에 좋을 것 같은데 이벤트 처리 부분부터
api처리하는 로직까지 전부 묶는게 맞는건지
아니면 유틸 부분만 빼서 지금처럼 외부로 관리하고 나머지는 컴포넌트 내부에서 관리하는게 나을지 의견을 들어보고 싶습니다.

3

현재 삭제 기능에서 정상적으로 작동하는데 404 에러가 나오고 있습니다.
url이 잘못된 문제 같은데 원인을 못찾고 있습니다.
제 생각으로는 api 호출 문제이면 삭제 기능이 작동을 하면 안되는걸로 알고 있는데 아니면 리다이렉트에서 발생한 문제일까요..? -- > (해결했습니다)

4

렌더링 될 때마다 화면이 깜빡거리는 증상이 있습니다. 원인을 못찾고 있습니다.

zerosial

안녕하세요 승환님! 코드리뷰 하러 왔습니다 😆

이번 과제 생각할게 너무 많았던 것 같습니다 ㅠ 고생 많으셧어요!

혹시 차후 리팩토링을 하게 된다면 Api로 무조건 호출을 하는 것 보단

LocalStorage의 활용 혹은 꼭 필요한 상황에만 통신을 할 수 있게

리팩토링 해 보는것도 좋은 경험이 될 것 같습니다 🤗

추가적으로 가능하다면 디자인을 조금 개선해보는 것도 좋을 것 같아요

현제 어디에 어떤 문서가 붙어있는 지 알기 힘든 상태인 것 같습니다 😂

1, 2는 저도 이번에 궁금해서 오프님한태 질문한거라 생략하겠습니다.

3
현재 삭제 기능에서 정상적으로 작동하는데 404 에러가 나오고 있습니다.
url이 잘못된 문제 같은데 원인을 못찾고 있습니다.
제 생각으로는 api 호출 문제이면 삭제 기능이 작동을 하면 안되는걸로 알고 있는데 아니면 리다이렉트에서 발생한 문제일까요..?
=> 이미 삭제된 id를 다시 삭제하라는 통신을 보내서 API에서 해당 문서를 찾을 수 없어 발생한 에러 같습니다. 😁

4
렌더링 될 때마다 화면이 깜빡거리는 증상이 있습니다. 원인을 못찾고 있습니다.
=> 렌더링 시 this.render에 appendChild를 하게 되는데 이 때 dom 전체가 다시 그려지는 것 같습니다.
새로고침도 잘 안되는것 같아서 아마 router 문제인거 같기도 한데 오프님이 자세히 알려주실 것 같습니다. ☺

zerosial · 2022-11-18T05:29:07Z

src/utils/route.js

+  });
+};


p4)

window.addEventListener('popstate', () => { onRoute(); });

를 추가한다면 뒤로가기에도 대응이 가능할 것 같아요! 😏

오옷 좋네요 👍

zerosial · 2022-11-18T05:35:32Z

src/Editor/Editor.js

+    div: editor,
+    initialState: initialState,
+
+    onChangeContent: async ({ id, content }) => {
+      setTimeout(await putContentMethod(id, content), 2000);
+    },
+  });


p5) keyup 시 들어있는 벨류 값이 api 통신으로 들아가게 작성하신 것 같습니다. 제대로 작성이 안됬는지
타이핑하는 순간 바로 키가 누른 숫자만큼 통신을 일으키고 있습니다 😥

Debounce 혹은 Throttle을 적용시켜서 통신의 간격을 두는 법 혹은
LocalData에 저장 후 일정 주기마다 Api와 통신하는 방법 등을 고려하면 좋을 것 같습니다. 👍

좋습니다~ Debounce 들어만 봤는데 한번 공부해보고 적용 시켜보겠습니다 👍

zerosial · 2022-11-18T05:36:37Z

src/Editor/EditorTitle.js

@@ -0,0 +1,44 @@
+import { createElement } from '../utils/dom.js';
+import { isNew, isString } from '../utils/errorHandler.js';


zerosial · 2022-11-18T05:37:35Z

src/Navbar/Navbar.js

+          const cur = rootDocument.shift();
+
+          if (parseInt(cur.id) === parseInt(id)) {
+            console.log(cur);


p5) 최종 제출시 console.log는 빼 주시는게 좋아요 😆

zerosial · 2022-11-18T05:42:06Z

src/Navbar/Navbar.js

+      // 현재 하위 document 가 3개 이상이면 하위 document 값이 삭제가 안되고 있음
+      // 하위 document 2개씩만 삭제되는 현상
+      const handlerDelete = async () => {
+        const currentDocument = findCurrentId();
+
+        const que = [currentDocument];
+
+        const queId = [currentDocument.id];
+
+        while (que.length > 0) {
+          const current = que.shift();
+          current.documents.forEach((el) => {
+            que.push(el);
+            queId.push(el.id);
+          });
+
+          for (let i of queId) {
+            await deleteMethod(i);
+          }
+        }
+      };
+
+      await handlerDelete();
+      route('/');
+    },


p4) 현재 상위 문서 삭제 시 같은 문서를 연속적으로 접근하여 단기간에 너무 많은 통신이 일어나고 있어요 😥
또한 중복된 문서의 삭제명령을 보내는 경우도 있는 거 같습니다.

구조상 하위 document가 있을때만 삭제 혹은 set을 사용하여
id를 일괄적으로 먼저 불러와 배열로 저장하고 순차적으로 삭제하는 로직으로 바꾸는 게 좋아 보여요 😃

음 아무래도 제 생각으로는 말씀하신 것처럼 404 에러가 나오는 원인이랑 중복된 문서가 나오는게 api를 다시 호출하는게 원인 같습니다.

디버깅 돌려보니 que가 안비워져서 계속 실행되고 있었습니다.
que초기화 해주니 404 에러랑 중복 호출이 사라졌네요 👍 감사합니다 ㅎㅎ

zerosial · 2022-11-18T05:43:30Z

src/Navbar/NavbarDocumentList.js

+      if (targetContains(e, 'fa-minus-square')) {
+        onDelete(postId);
+      } else if (targetContains(e, 'fa-plus-square')) {
+        onAdd(postId);
+      } else {
+        // refactor 해야함
+        route(`${documentsUrl}/${postId}`);


p5) 리팩토링 하게 된다면 else if 대신 if만으로 줄이는 방법을 고려하는것도 좋아 보여요! 😏

ghost · 2022-11-19T08:21:01Z

@zerosial
덕분에 짧은 시간이지만 많은 도움이 되었습니다 👍 다른 팀 가셔도 항상 화이팅 입니다 : )

off-programmers · 2022-11-19T08:45:57Z

package.json

+  "devDependencies": {
+    "prettier": "2.7.1"
+  },
+  "prettier": {


설정파일을 분리해서 사용하면 이후에 재사용하는데 있어서 용이할거에요 ㅎㅎ

off-programmers · 2022-11-19T08:46:50Z

src/style/index.css

@@ -0,0 +1,138 @@
+@import 'ui/index.css';
+
+/* Reset Browser */


css module을 사용하는거라면 reset도 분리해서 import하는게 좋을거같아요 ㅎㅎ

off-programmers · 2022-11-19T08:47:37Z

src/utils/dom.js

@@ -0,0 +1,5 @@
+export const createElement=(e)=>document.createElement(e);
+export const $ =(e)=>document.querySelector(e);


음 이렇게 만들어서 사용하는것도 나쁘지는 않지만...
혹시 수화님의 의도가 아니게 jquery가 포함되어있을 경우 네임스페이스가 겹치게 되서 뭔가 의도와 다르게 될 수도 있습니다 ㅎㅎ
처음 코드를 접하는 분들은 jQuery를 사용하는 구나 라고 착각할수도 있구요!
오해의 여지는 줄일수 있다면 줄이는게 좋아보입니다.

엇 이거는 제 습관이 된 것 같습니다.
처음 공부했을때부터 이렇게 사용을 해서 저도 모르게 quereySelector 는 $표현을 해버렸습니다.
이부분은 제가 다른 표현을 사용하거나 고치도록 하겠습니다 👍

off-programmers · 2022-11-19T08:48:10Z

src/utils/dom.js

@@ -0,0 +1,5 @@
+export const createElement=(e)=>document.createElement(e);


e면 event를 주로 의미하는데 createElement에 들어가는 타입과 맞지 않지 않나요

off-programmers · 2022-11-19T08:50:21Z

src/utils/dom.js

+export const targetClosest=(e,str)=>e.target.closest(str);
+export const targetContains=(e,str)=>e.target.classList.contains(str);


메서드 명을 좀 더 명확하게 하면 좋을것 같아요 ㅎㅎ
아래 메서드를 예시로 들면 isTargetContainsClassName 이런식으로요.

좋습니다 👍 네이밍 부분이 젤 어려운 것 같아요 ㅋㅋ

off-programmers · 2022-11-19T08:50:54Z

src/utils/errorHandler.js

+export const isNew = (target) => {
+  if (!target) {
+    throw new Error(ERROR_MESSAGE.NEW);
+  }
+};
+
+export const isString = (title) => {
+  if (!title instanceof String) {
+    throw new Error(ERROR_MESSAGE.STRING);
+  }
+};
+
+export const isObject = (post) => {
+  if (!post instanceof Object) {
+    throw new Error(ERROR_MESSAGE.OBJECT);
+  }
+};


is가 붙은 함수들은 반환형이 boolean 형태인것으로 암묵적으로 사용하고 있습니다. 현재의 역할을 해야한다면 이름이 바뀌어야 할것같아요

off-programmers · 2022-11-19T08:51:30Z

src/utils/optionsMethod.js

+import { request } from './api.js';
+import { documentsUrl } from './util.js';
+
+export const putTitleMethod = (id, title) => {


Method 접미사는 제거해도 좋을것 같아여 ㅎㅎ

off-programmers · 2022-11-19T08:53:09Z

src/Navbar/NavbarDocumentList.js

+      if (targetContains(e, 'fa-minus-square')) {
+        onDelete(postId);
+      } else if (targetContains(e, 'fa-plus-square')) {


요런 클래스라면 상수화 시켜서 사용하는게 좋아보여요 ㅎㅎ

off-programmers · 2022-11-19T08:53:41Z

src/Navbar/NavbarDocumentList.js

+    this.render();
+  };
+
+  this.render = () => {


외부에서 사용될 일이 없는 메서드들은 this 바인딩을 굳이 하지 않아도 괜찮을것 같아요

off-programmers · 2022-11-19T08:54:30Z

src/Editor/EditorTitle.js

+    this.state = nextState;
+    const { title } = this.state;
+    this.render();
+    editorTitle.querySelector('.title').value = title && title;


title && title은 뭘까요?_? ㅎㅎ

zzzzㅋㅋ 다른 분들 코드보고 만들다가 삼항연산자 대신에 사용했는데 없어도 되겠네요!

off-programmers · 2022-11-19T08:55:37Z

src/Navbar/Navbar.js

+  });
+
+  this.setState = async () => {
+    const posts = await request(`${documentsUrl}`);


몇몇 API 호출 코드는 이름을 지어주고 사용하는것 같아서 이것도 맞춰주면 좋지 않을까요ㅎㅎ

off-programmers · 2022-11-19T08:55:45Z

src/Navbar/Navbar.js

+      // 현재 하위 document 가 3개 이상이면 하위 document 값이 삭제가 안되고 있음
+      // 하위 document 2개씩만 삭제되는 현상


요거 원인이 뭐라구 생각하시나요~

엇 이거는 지금은 없는 문제인데 기존 코드에 주석을 아직 안지워서 남아있는 것 같습니다.

기존에는 que.shfit를 상단에 배치를하고 while문이 없는 상태여서 que.shift를 했을때 해당 모델을 가져오고 current.documenst.forEach로 돌렸을때 미리 shift한 모델에 한뎁스 documents 에 forEach를 돌리고 있기 때문에 하위 1개만 삭제되는 현상이 발생했습니다.

지금 보니 주석도 잘못표기 되어 있네요.. 3개 이상이면 하위 2개씩이 아니고 하위 1개가 맞습니다.

아래는 기존 코드입니다.

const listDelete = async () => { const currentDocument = findCurrentId(); const que = [currentDocument]; const queId = [currentDocument.id]; const current = que.shift(); console.log(que); console.log(current); current.documents.forEach((el) => { que.push(el); queId.push(el.id); }); console.log(queId); for (let i of queId) { console.log(i); await deleteMethod(i); } };

결국에는

1 -> click 2 3

1, 2 만 삭제가 되고 que를 반복하는 루프가 없어서 3을 탐색 못한 것 같습니다.

off-programmers · 2022-11-19T08:56:11Z

src/Editor/EditorSubContetn.js

+    // editorDocuments.innerHTML = createSubDocuments(this.state);
+    // div.appendChild(editorDocuments);


여기 주석처리된 이유가 있을까요?_?

엇 이거는 아직 기능 개발이 안되었는데 커밋을 진행해서 같이 올라간 것 같습니다!

off-programmers · 2022-11-19T08:56:21Z

src/Editor/EditorSubContetn.js

@@ -0,0 +1,26 @@
+import { createElement } from '../utils/dom.js';


파일명 오타가 있네요 ㅎㅎ

off-programmers · 2022-11-19T09:38:18Z

src/Editor/Editor.js

+    initialState: initialState,
+
+    onChangeTitle: async ({ id, title }) => {
+      setTimeout(await putTitleMethod(id, title), 2000);


요런 매직 넘버들도 상수로 관리해주세요~

확실히 상수로 관리하니깐 코드가 가독성이 좋아지는 것 같습니다 👍 수정하겠습니다 : )

off-programmers

리뷰 완료입니다! 고생하셨어요~

Editor 컴포넌트를 title , content 2개로 나누었습니다.
좀더 간편하게 ui 을 수정하고 재사용성에 용이하기 위해서 분리했는데 나누지 말고 합치는게 좀더 효율적일까요?
지금 보면 합쳐서 관리하는게 코드도 좀 더 짧아질 것 같은 생각이 들고 불필요한 중복코드들이 안나올듯 싶습니다.
아니면 지금 구조를 유지하고 중복코드를 묶어서 외부로 관리를 해도 괜찮은 방법일까요?

저는 개인적으로 지금 구조도 크게 나쁘지 않은것 같은데요. 꼭 컴포넌트에 위치하지 않아도 되는 코드들은 분리해서 사용하는게 좋아보입니다.

첫번째 질문이랑 비슷한 질문이지만 전에 과제를 하다가 의문점이 해결이 안되서 질문남겨봅니다.
투두리스트 과제에서 뷰와 관련 없는 로직을 전부 컴포넌트 외부에 분리하였습니다.
하지만 , 지금 든 생각은 과연 이게 리액트와 맞는 방식일까? 라는 의문점이 생겼습니다.
물론 외부에서 같은 기능을 가진 함수끼리 묶게되면 유지보수에 좋을 것 같은데 이벤트 처리 부분부터
api처리하는 로직까지 전부 묶는게 맞는건지
아니면 유틸 부분만 빼서 지금처럼 외부로 관리하고 나머지는 컴포넌트 내부에서 관리하는게 나을지 의견을 들어보고 싶습니다.

모든 것을 외부로 분리할 필요는 없습니다. 컴포넌트 내부에 있어야 하는 코드들은 같이 두는게 좋아보입니다. 만약 중복 코드가 많다 싶으면 상위 컴포넌트에서 하위 컴포넌트로 해당 함수를 내려주거나 상태를 외부에 두고 해당 상태를 수정할 수 있는 외부 메서드를 사용하는게 좋아보입니다.
유틸로 나눌 수 있는 코드는 분리가 필요하구요(유틸이 뭐인지 기준에 대해서는 고민해보셔야할것 같습니다.)
API 서비스 코드를 호출하거나 상태를 관리하고 이벤트 처리를 하는것은 페이지에 두거나 컴포넌트에 두는 것이 좋고 각각의 컴포넌트의 역할, 재사용할 수 있는데 있어서 적절한 위치를 찾는것이 필요해보입니다.

렌더링 될 때마다 화면이 깜빡거리는 증상이 있습니다. 원인을 못찾고 있습니다.

요런것들은 제가 직접 찾아드리면 안될것 같습니다 ㅎㅎ 좀 더 찾아보시고 원인을 공유해주시면 좋을것 같습니다.
렌더링을 하는 부분을 좀 구체적으로 봐야할 것 같습니다.

ghost · 2022-11-19T10:13:18Z

@off-programmers 오프님 감사합니다. 말씀해주셔서 한방에 고민이 해결되었습니다 : )
ㅋㅋㅋㅋ 1달동안 고생많으셨습니다! 덕분에 많은 도움이 되었습니다 😊
깜빡거리는 부분은 제가 좀더 찾아보겠습니다.

Seung-hwan285 added 17 commits November 17, 2022 00:28

initial commit project

c1f2afb

chore : utils 파일 추가

250e899

feat : Navbar 구현

940d3f8

style : Navbar css 작업

137d636

feat : Navbar documentList , Header title 구현

2737c23

feat : Editor 컴포넌트 생성

169014c

feat : Editor title 구현

803bd4f

fix : title 랜더링 될때 값 안변하는 현상

89ae913

feat : Editor Content 구현

2355c53

style : 글 목록 , 버튼 css 작업

014ee5f

refactor : editor.css 버튼 클래스 두번 선언

74b5a86

refactor: 컴포넌트 네이밍 변경

409269c

fix : document 전부 삭제 안되는 현상

c317732

docs : README 수정

f55b762

fix: 렌더링 하면 2개행 이상부터 안보이는 현상

bb3acae

refactor: tabWidth 2로 설정

db21074

feat : 개행 추가

abd5f45

ghost added 과제 리뷰 요청 피드백 요청 🔥 매운맛 오프팀 labels Nov 16, 2022

ghost requested a review from off-programmers November 16, 2022 19:23

ghost self-assigned this Nov 16, 2022

Seung-hwan285 added 2 commits November 17, 2022 16:34

style : documentList 버튼 디자인 변경

010431c

style : header button style 변경

7b74168

zerosial reviewed Nov 18, 2022

View reviewed changes

Seung-hwan285 added 3 commits November 19, 2022 17:40

fix : 404 에러 해결

27638ce

chore : tabWidth 2 변경

61f8ed4

refactor : tabWidth 2 적용

b091456

off-programmers reviewed Nov 19, 2022

View reviewed changes

off-programmers approved these changes Nov 19, 2022

View reviewed changes

Seung-hwan285 added 7 commits November 20, 2022 03:13

feat : 하위 문서 누르면 페이지 이동

720cdfc

refactor: EditorSubContent 이벤트 함수 분리,네이밍 변경

0aa6450

refactor: reset.css 모듈화

634e1a9

feat: EditorSubContent title 비어있을때 제목없음 추가

5f652f4

refactor : 코드리뷰 반영

95ba0cc

docs : README 수정

fd8744e

refactor : render this 바인딩 제거

1c4d05f

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Mission4/전승환] - Project_Notion_VanillaJS #29

[Mission4/전승환] - Project_Notion_VanillaJS #29

ghost commented Nov 16, 2022 •

edited by ghost

Loading

zerosial left a comment •

edited

Loading

zerosial Nov 18, 2022

ghost Nov 19, 2022 •

edited by ghost

Loading

zerosial Nov 18, 2022

ghost Nov 19, 2022

zerosial Nov 18, 2022

zerosial Nov 18, 2022

zerosial Nov 18, 2022

ghost Nov 19, 2022 •

edited by ghost

Loading

zerosial Nov 18, 2022

ghost commented Nov 19, 2022 •

edited by ghost

Loading

off-programmers Nov 19, 2022

off-programmers Nov 19, 2022

off-programmers Nov 19, 2022

ghost Nov 19, 2022 •

edited by ghost

Loading

off-programmers Nov 19, 2022

off-programmers Nov 19, 2022

ghost Nov 19, 2022

off-programmers Nov 19, 2022

off-programmers Nov 19, 2022

off-programmers Nov 19, 2022

off-programmers Nov 19, 2022

off-programmers Nov 19, 2022

ghost Nov 19, 2022

off-programmers Nov 19, 2022

off-programmers Nov 19, 2022

ghost Nov 19, 2022 •

edited by ghost

Loading

off-programmers Nov 19, 2022

ghost Nov 19, 2022

off-programmers Nov 19, 2022

off-programmers Nov 19, 2022

ghost Nov 19, 2022 •

edited by ghost

Loading

off-programmers left a comment •

edited

Loading

ghost commented Nov 19, 2022 •

edited by ghost

Loading

		@@ -0,0 +1,44 @@
		import { createElement } from '../utils/dom.js';
		import { isNew, isString } from '../utils/errorHandler.js';

		@@ -0,0 +1,5 @@
		export const createElement=(e)=>document.createElement(e);
		export const $ =(e)=>document.querySelector(e);

		export const targetClosest=(e,str)=>e.target.closest(str);
		export const targetContains=(e,str)=>e.target.classList.contains(str);

		// 현재 하위 document 가 3개 이상이면 하위 document 값이 삭제가 안되고 있음
		// 하위 document 2개씩만 삭제되는 현상

		// editorDocuments.innerHTML = createSubDocuments(this.state);
		// div.appendChild(editorDocuments);

		@@ -0,0 +1,26 @@
		import { createElement } from '../utils/dom.js';

[Mission4/전승환] - Project_Notion_VanillaJS #29

Are you sure you want to change the base?

[Mission4/전승환] - Project_Notion_VanillaJS #29

Conversation

ghost commented Nov 16, 2022 • edited by ghost Loading

📌 과제 설명

👩‍💻 요구 사항과 구현 내용

컴포넌트 구조

✅ PR 포인트 & 궁금한 점

1

2

3

4

zerosial left a comment • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

ghost Nov 19, 2022 • edited by ghost Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

ghost Nov 19, 2022 • edited by ghost Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

ghost commented Nov 19, 2022 • edited by ghost Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

ghost Nov 19, 2022 • edited by ghost Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

ghost Nov 19, 2022 • edited by ghost Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

ghost Nov 19, 2022 • edited by ghost Loading

Choose a reason for hiding this comment

off-programmers left a comment • edited Loading

Choose a reason for hiding this comment

ghost commented Nov 19, 2022 • edited by ghost Loading

ghost commented Nov 16, 2022 •

edited by ghost

Loading

zerosial left a comment •

edited

Loading

ghost Nov 19, 2022 •

edited by ghost

Loading

ghost Nov 19, 2022 •

edited by ghost

Loading

ghost commented Nov 19, 2022 •

edited by ghost

Loading

ghost Nov 19, 2022 •

edited by ghost

Loading

ghost Nov 19, 2022 •

edited by ghost

Loading

ghost Nov 19, 2022 •

edited by ghost

Loading

off-programmers left a comment •

edited

Loading

ghost commented Nov 19, 2022 •

edited by ghost

Loading