190130 TIL AMAZON step3 - layer

» 1막, TIL (Today I Learned)

AMAZAON step3

오늘은 드디어 아마존 스텝에 진전이 있었다.
요구조건

image

jan-31-2019 13-45-53

위처럼 스크롤이 어느정도 내려오면 위의 layer가 ‘스르륵’ 내려오고, 팝업을 클릭하면 또 다른 창이 뜨는 형태이다.

예전에 JavaScript30 하면서 스크롤 연습했던게 기억이 나서 그 때 영상과 코드를 참고했다.

Slide In on Scroll

1차 완성본

jan-31-2019 13-52-38

  • 요소 배치를 처음으로 flex를 써서 해보았다.
  • transition으로 애니메이션 구현하는 거 넘 재밌다…

알고리즘

오랜만에 알고리즘을 풀었는데, 예전에 못 풀었던 프린터 문제를 풀었다! 못풀었던 문제를 풀면 기분이 넘 좋다.

문제: 프로그래머스 풀이: 프린터