📚 Tasks

setting meta tags

✔ Checklists

• image
• title
• description

📚 Tasks

remove beta on getting stacks from repository

and increase minor version

📚 작업 내용

생각보다 모바일로 들어오시는 분들이 꽤 있는 것 같아서.. 모바일 뷰 작업이 되면 좋을 것 같습니다!

✔ 체크리스트

📌 이슈 설명

기존 아이콘들은 viewBox가 0 0 24 24로 설정되어 있습니다.
viewBox가 0 0 305 305와 같이 설정되어 있다면 viewBox가 변환되며 svg가 보이지 않습니다..

🐠 체크리스트

• java svg
• recoil svg

🚴 이렇게 고쳐볼 수 있을 것 같아요

🍳 이런 환경에서 발생했어요

• Device:
• OS:
• Browser:
• Version:

📷 스크린샷

📚 Tasks

toast message for noticing events to user (error, copied to clipboard, ...)

📌 Describe Issue

A bug where the part covered by BackgroundCircle is not selected

🐠 Checklists

🚴 Possible(or Suggest) solutions

• I think it can be solved by adjusting the z-index.

🍳 Environments

• Device:
• OS:
• Browser:
• Version:

📷 Screenshots

📚 Tasks

migrate from cra to vite

✔ Checklists

📚 작업 내용

현재는 스크롤 감지로 애니메이션 실행 여부를 결정하고 있습니다. 이는 항상 스크롤 정도를 트래킹 해야 하기 때문에 굉장히 비효율적인 방식입니다 ㅜㅜ

Intersection Observer를 통해 최적화 하려고 합니다!

📚 작업 내용

• #26 의 comment 참고!

✔ 체크리스트

currently running only on windows

📌 이슈 설명

Skills.tsx 파일에서

Skills.displayName = 'Skills';

를 사용하지 않을 시
🚨

Component definition is missing display nameeslint[react/display-name](https://github.com/jsx-eslint/eslint-plugin-react/tree/master/docs/rules/display-name.md)

에러가 발생합니다

🐠 체크리스트

• [ ]
• [ ]

🚴 이렇게 고쳐볼 수 있을 것 같아요

Skills.displayName = 'Skills';를 사용하면 해결할 수 있습니다
더 좋은 해결방안이 있으면 말해주세요~🤗

🍳 이런 환경에서 발생했어요

• Device:
• OS:
• Browser:
• Version:

📷 스크린샷

📌 이슈 설명

Stack image appears on the loading page

🐠 체크리스트

📷 스크린샷

📌 이슈 설명

#18 작업 내용 중

• 사용자가 stack을 선택하지 않고 생성 버튼을 누를 시 loding창에서 home('/')으로 리다이렉트시키는 과정에서 깜빡임이 발생합니다.
• #28

🚴 이렇게 고쳐볼 수 있을 것 같아요

Loading 컴포넌트를 감싸는 LoadingContainer 컴포넌트를 제작해서 접근하는 방법을 생각했습니다
직접 /loading에 접근할 때도 처리할 수 있고 아무것도 없는 배열이 넘어왔을 때의 깜빡임도 해결할 수 있을 것 같습니다

🐠 체크리스트

🍳 이런 환경에서 발생했어요

• Device:
• OS:
• Browser:
• Version:

📷 스크린샷

📌 Describe Issue

Fail to get repository's package.json when default branch is neither main nor master.

🐠 Checklists

• https://github.com/Tech-Squad-Community/techsquad-community-website/tree/react/tscomm (react)
• https://github.com/evollhhan/mobxplus (dev-v1)
• https://github.com/msdio/stackticon (main)
• https://github.com/52org/garden-of-the-heart (master)
• https://github.com/g2hhh2ee/jihee-image-search-engine-project (develop)

🚴 Possible(or Suggest) solutions

Get default branch with github API, somehow

📚 Tasks

Rearrange components

✔ Checklists

• stack, stack-container, stacks
• loading, loading-alter

📚 Tasks

change firebase method

✔ Checklists

• change method from uploadString to uploadBytes
• change html-to-png method to base64

📌 Describe Issue

copy button is clicked when first enter result page

🐠 Checklists

• [ ]
• [ ]

🚴 Possible(or Suggest) solutions

should check initial value with button clicked state

📚 작업 내용

unit tests with jest

✔ 체크리스트

• utils

📌 Describe Issue

As you can see in our readme, there is an delay with getting image from firebase storage. Is there way we can fix it?

I tested 3 times, and it takes about 2 seconds rn.

🐠 Checklists

🚴 Possible(or Suggest) solutions

common recommandations with image optimization

• specify width and height
• reduce size with compressing
• what else..?
• if we can't fix this issue, I think we should consider about using other cloud service, such as aws, gcp and so on.

References

• I'm updating my work history here

📚 작업 내용

• choose background color : make user confirm before upload to firebase

✔ 체크리스트

• black, white, transparent
• container background color, font color, bg color of each stack

📌 Describe Issue

In background color select page, unwanted movement is occured when user Hover color select button.

🐠 Checklists

• [ ]
• [ ]

🚴 Possible(or Suggest) solutions

change css selector 'border' to 'outline'

🍳 Environments

• Device:
• OS:
• Browser:
• Version:

📷 Screenshots

📚 Tasks

There is ugly code in styles > theme.ts.
I used those to use custom name in mui palette (reference)

Is there any way to seperate module declaration from theme.ts?

✔ Checklists

📌 이슈 설명

result 페이지에서 뒤로가기를 누르면 로딩중으로 넘어간다음 다시 result 페이지로 돌아갑니다.
메인 화면으로 돌아가리라 판단했는데, 혹시 의도하신 유저스토리라면 죄송합니다..!!

📷 스크린샷

(노래를 듣다가 녹화한거라 소리가 들어갔네요..)

🚴 이렇게 고쳐볼 수 있을 것 같아요

만약 메인 화면으로 돌아가는 걸 의도하신 것이라면, loading 파라미터를 따로 놔두지 않고 result 파라미터만 두면 처리하면 해결될 듯 합니다!

즉 loading중일 때에도 result 파라미터인것이죠!

📚 작업 내용

• Input.tsx 컴포넌트에서 Autocomplete의 option을 불러올 때 성능상 버벅거림이 발생합니다
• svg를 추가한 이후 발생한 문제입니다
• 기본적인 구현을 마치고 성능 향상을 위한 작업을 진행하면 좋을 것 같습니다👍

✔ 체크리스트

📚 Tasks

enhancement drag and drop in autocomplete with animation and user interaction

✔ Checklists

• re-order stacks
• state has changed correctly

📌 Describe Issue

Cannot get stacks from repository when repository has master branch as default
-> need to get default branch in project

📌 Describe Issue

🐠 Checklists

• [ ]
• [ ]

🚴 Possible(or Suggest) solutions

I checked that we already make it into fixed size (width='700px' height='auto'), we gotta find another way to fix this.

🍳 Environments

• Device:
• OS:
• Browser:
• Version:

📷 Screenshots

** Big size **

** Small size **

📚 Tasks

refactor components

✔ Checklists

• button options
• read repository
• custom alert

📌 이슈 설명

#3 구현시 오류 발생

Encountered two children with the same key, 'Handshake'

🚴 이렇게 고쳐볼 수 있을 것 같아요

• mui Autocomplete에 커스텀 key를 넣기

📷 스크린샷

📌 이슈 설명

Material UI에서 theme을 import 해서 사용할 경우 테마가 적용되지 않는 현상

🚴 이렇게 고쳐볼 수 있을 것 같아요

같은 파일에서 theme을 선언하고 사용하면 잘 됩니다. 뭔가 뭔가가 잘못된듯..

📷 스크린샷

📚 작업 내용

에러를 보내거나 상수가 필요한 부분 상수처리하기

✔ 체크리스트

@userJu 가 말했던 https://github.com/niklasvh/html2canvas 는 마지막 업데이트가 1년 전이라..
최근에 업데이트 되고 있는 라이브러리 중에 https://github.com/bubkoo/html-to-image 가 있긴 해요.

라이브러리를 안쓰고 할 수 있는 방법을 찾아보는게 베스트일텐데, 일단 정 안되면 라이브러리 쓰는걸로!

다른 정보 찾으면 여기다 계속 업데이트 해주세요!

📌 Describe Issue

stacks that has typed into autocomplete are vanished after get back from background select page.
I think they should remain until they are made into image.

🚴 Possible(or Suggest) solutions

use global status, or use state values

📷 Screenshots

📌 Describe Issue

• readme: [![stackticon](undefined)](https://github.com/msdio/stackticon)
• link only: undefined
• img: <a href="https://github.com/msdio/stackticon"><img src="undefined" alt="stackticon" /></a>

Image URL not found.
In firebase, I confirmed that the image is created well.

🐠 Checklists

• [ x ] Are image links created properly?
• [ x ] Does the same problem occur when selecting a different stack? -> [![stackticon](undefined)](https://github.com/msdio/stackticon)

🚴 Possible(or Suggest) solutions

I'm not sure because I haven't checked the code related to the issue yet,
There seems to be a problem in the process of receiving the image link.

🍳 Environments

• Device:
• OS:
• Browser:
• Version:

📷 Screenshots

📚 Tasks

✔ Checklists

📚 Tasks

overall design change

• setting colors
• setting shadow

✔ Checklists

• main page @msdio
• common layout @msdio
• header @msdio
• background select page @msdio
• result page @msdio

📚 Tasks

make pages cleaner

✔ Checklists

• background-colors
• page404
• result

📚 Tasks

add icon : my batis

📚 Tasks

copy right after select option

✔ Checklists

📌 이슈 설명

아무것도 선택하지 않은 채로 생성 버튼을 누른 후
스택을 선택하고 생성 버튼을 누르게 되면
버튼이 진작 'buttonClicked: true' 가 되어있기 때문에 버튼이 눌리지 않는 이슈 발생

🐠 체크리스트

• [ ]
• [ ]

🚴 이렇게 고쳐볼 수 있을 것 같아요

• Home의 buttonClicked가 true가 되는 상황을 'stack이 있을 때'로 한정시키면 될 것 같아요!

🍳 이런 환경에서 발생했어요

• Device:
• OS:
• Browser:
• Version:

📷 스크린샷

📌 Describe Issue

fail to get specific stacks
currently founded stacks

• styled-components
• react testing library

🐠 Checklists

• styled-components
• react testing library

🚴 Possible(or Suggest) solutions

maybe related to slugs