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

Link 사용시 정답 상태 버그 수정, 퀴즈 수정 #70

Merged
merged 5 commits into from
Aug 30, 2023

Conversation

Front-line-dev
Copy link
Owner

#63
#68

저번에도 말씀드렸던 컴포넌트 업데이트시 useState 초기화가 안 되는 스펙 때문에 생긴 버그입니다

Link 사용시에도 정답 상태를 업데이트 하도록 수정했습니다

indexedDB를 초기화시키고 다시 봐주세요 ㅠㅠ

스크롤바가 생기거나 없어지면서 레이아웃이 변경되는 상황은 수정하기가 좀 까다로울 것 같습니다

단순히 스크롤바를 absolute처럼 띄우면 될거라고 생각했는데 지원하지 않는 것 같습니다. 어떻게 해결해야 할까요...

#49

코멘트를 참고하여 제가 만들었던 퀴즈들을 수정했습니다.

퀴즈들 중 SCSS 문법으로 쓴 퀴즈들이 있습니다. 현재 CSS 스펙이 SCSS 스펙을 포함하도록 업데이트 되어서 크롬 최신버전은 지원을 하고있으나 safari에서는 인식하지 못합니다

퀴즈의 SCSS 문법을 CSS로 바꾸는것보다 SCSS 문자열을 받아서 CSS로 컴파일을 바로 해주면 좋겠다고 생각했습니다

기능 자체는 얼마전에 sass가 업데이트 돼서 있는데 react, nextjs 환경에 적용하기가 힘드네요

일단 package.json의 sass를 브라우저 컴파일 가능한 버전으로 업데이트 했습니다

sass/dart-sass#2113

브라우저 내 sass 컴파일러를 적용하려고 했으나 nextjs의 구조 때문에 힘든 상황. 일단 package의 sass 버전만 브라우저 컴파일이 가능한 버전으로 업데이트

https://github.com/sass/sass/issues/3662
@Synagir
Copy link
Collaborator

Synagir commented Aug 27, 2023

스크롤바가 생기거나 없어지면서 레이아웃이 변경되는 상황은 수정하기가 좀 까다로울 것 같습니다

단순히 스크롤바를 absolute처럼 띄우면 될거라고 생각했는데 지원하지 않는 것 같습니다. 어떻게 해결해야 할까요...

예전에 업무에서 비슷한 상황이 있었는데, 윈도우에서 보이는 너비의 100%100vw 차이가 발생하기 때문입니다. 해결 방법은 요렇게 할 수 있을 것 같은데, 확인 부탁드립니다.

  • 코드
image
  • 화면
image2

@Front-line-dev Front-line-dev merged commit b262c9e into main Aug 30, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants