Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature/#178 페이지 리사이징 기능 확장 #179

Merged
merged 3 commits into from
Nov 24, 2024

Conversation

pipisebastian
Copy link
Member

@pipisebastian pipisebastian commented Nov 23, 2024

📝 변경 사항

🔍 변경 사항 설명

  • 8방향에 대해 모두 리사이징이 가능하도록 구현했습니다.
  • 사이즈를 조절할때마다 애니메이션이 돌면 안되기 때문에, page에 있는 framer motion 애니메이션을 뺐습니다. 추후 page 컴포넌트가 생성되는 시점에만 애니메이션을 주는걸 더 찾아보겠습니다!
  • 계산 과정은 개발위키에 정리했습니다!
    image

🙏 질문 사항

  • 리뷰어에게 부탁하고싶은 체크리스트를 추가합니다.

📷 스크린샷 (선택)

2024-11-24.7.27.13.mov

✅ 작성자 체크리스트

  • Self-review: 코드가 스스로 검토됨
  • Unit tests 추가 또는 수정
  • 로컬에서 모든 기능이 정상 작동함
  • 린터 및 포맷터로 코드 정리됨
  • 의존성 업데이트 확인
  • 문서 업데이트 또는 주석 추가 (필요 시)

@pipisebastian pipisebastian added FE 프론트엔드 작업 Feat 새로운 기능 추가나 기존 기능 확장 작업 labels Nov 23, 2024
@pipisebastian pipisebastian self-assigned this Nov 23, 2024
style={{
width: `${size.width}px`,
height: `${size.height}px`,
transform: `translate(${position.x}px, ${position.y}px)`,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

여기가 애니메이션이 일어나지 않고 transform을 통해 GPU로 composite레이어 상에서 변환이 일어나게 해주는 부분이군요.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

맞습니다! 그런데 위치조절할때는 composition만 되지만, 사이즈를 조절하는거는 레이아웃부터 다 일어납니다!

Copy link
Collaborator

@hyonun321 hyonun321 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고하셨습니다 ..!! 메모를 보니 얼마나 머리를 굴리셨을지.. 느껴졌습니다.
점화식 짜는건 어려우면서도 내 의도대로 돌아가는 순간 느껴지는 그 쾌감..
코딩테스트에서 많이 느꼇던것 같네요..(이런..)
고생하셨습니다.

@Ludovico7
Copy link
Collaborator

고생하셨습니다! 각 방향별로 모두 처리를 해줘야 하는군요...

@github-actions github-actions bot merged commit 9fdaac8 into dev Nov 24, 2024
7 checks passed
@pipisebastian pipisebastian deleted the Feature/#178_페이지_리사이징_기능_확장 branch November 26, 2024 04:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FE 프론트엔드 작업 Feat 새로운 기능 추가나 기존 기능 확장 작업
Projects
None yet
Development

Successfully merging this pull request may close these issues.

페이지 리사이징 기능 확장
3 participants