codestates / codestates/ssg-ga

[Dev Log] 노태경 / 2021/08/19

Open
#192 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
0
Forks
1
PR merge metrics
No merged PRs in 30d

Description

## 오늘은 어떻게 프로젝트에 기여했나요?
- 게시물 작성 페이지 반응형 CSS 수정
- 게시물 목록 페이지 반응형 CSS 수정

## 오늘의 프로젝트에서 힘든 점은 무엇인가요?
- 크롬으로 모바일 환경을 봐가며 CSS를 수정했음에도 불구하고 실제 모바일 환경으로 가면, 여러 버그들이 발견된다
- 우분투, 안드로이드 유저다 보니, 맥, IOS 환경에서의 test가 불가능하다. 문제가 생긴 부분은 ios, 맥에서의 썸네일이 보이지 않는 문제인데 뭐가 문제인지부터 알기가 힘드니, 난항을 겪고 있다...
- 정상
![image](https://user-images.githubusercontent.com/60658487/130098336-e5004a3b-1ad0-4ee4-a379-8a8df0a6417c.png)
- 맥(사파리)
![image](https://user-images.githubusercontent.com/60658487/130098382-fd0baffc-7697-4322-8538-cd87bd46657b.png)
이 문제는 개발자 도구로 z-index를 수정해주니 변화가 있어보였다.
- IOS(사파리, 크롬 모두 해당하는 듯)
![image](https://user-images.githubusercontent.com/60658487/130098456-f7195379-0a65-4be3-887c-23a38f8a9a44.png)
이유를 알 수 없음...
element 위치를 찾아보면 위와 같이 해당 위치에 있는데, 실제 구현되는 건 이상한 곳에 위치함

- Cross Browsing을 제공해주는 사이트들
https://www.browserstack.com/
https://saucelabs.com/
등을 이용해봤는데, 정상적인 이용을 위해서는 결제가 필요하고, free trial로는 시간 제한이 있음

- Safari 관련 그라디언트, z-index 이슈가 있는 것 같은데 해당 문제가 이슈와 관련이 있는 지는 확인해 볼 필요가 있을 듯, 근데 어떻게 확인을 할 지.. 수정할 때마다 배포해서 확인하는 방법은 너무 비효율적인듯하다 ㅜ

## 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

- IOS 버그 수정
- 반응형 CSS 수정

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.