Article preview component

Desktop

mobile > 콘솔 창으로 확인한 모바일 버전

[요구사항 & 구현]

1. 화살표 버튼을 누르면 공유할 수 있는 소셜 미디아 링크 팝업이 나타난다

2. 모바일 버전도 함께 구현한다

 

[기술]

HTML, CSS JavaScript

 

[리뷰]

자바스크립트로 토글만 하면 돼서 어려운 점은 없었는데 css에서 시간을 많이 소비했다. 

데스크톱에서 콘솔로 모바일 버전 확인했는데 잘 작동이 되어서 배포하고 휴대폰으로 확인하니까 모바일 버전으로 설정한 부분이 하나도 적용이 안 됐다... 왜지...? 

모바일 버전에서 팝업을 끄는 것도 함께 만들어야 했는데 그 부분은 어떻게 구현해야 할지 도통 모르겠어서 일단 놔뒀다.

js보다 css를 반응형으로 구현하는 게 너무 어려운 것 같다. 

휴대폰으로 확인한 모바일 버전... 왜...

 

 

https://github.com/winterkang/JavaScript-Challenge/tree/main/article-preview-component

GitHub - winterkang/JavaScript-Challenge