24. 05. 02 TIL

팀원분들과,,, 여기저기 매니저님도 찾아가고,,, 튜텨님도 찾아가고 즐겁게 수다를 떨었다.

 

너무 즐겁게,,,

 

2

시

간

동

안

,,,

 

그래서 정말 한 게 없다! 제대로 시작한 게 오후 다여섯시? ㅎ,.ㅎ(그렇지만즐거웠으면됐죠,,,)

 

어제 오늘 팀원 분들께 배운 것들을 좀 적어보려고 한다...

 

1.컨테이너 만들어서 div에 넣어주기

그리고 css는

.container {

  width: 1280px;

  margin: 0 auto;

}

이렇게 넣어주면 자기들 알아서 정렬이 된다

나같은 경우엔 그냥... 무식하게 막 만들어서 저걸 나중에 넣다보니

.,,하여튼 부끄러워서 자세히는 말 안 하고...

팀장님이 명쾌하게 설명해주셔서 바로 수정했더니 혼자 헛짓거리하고 있었어서

나뭐한거?... 이런 생각이 들어서 대박 허무해졌다

 

2. flex-wrap 까먹지 않기,,,

분명히 아는 건데 역시 사람은 코드를 써먹어봐야 아는 것 같다.

내 머릿속 지우개2...

그리고 쓰면서 생각났는데 까먹고 또 코드에 안 넣었다 껄껄

 

엉?... 그리드였다,,,

 

3. forEach, map 차이

사실 궁금해서 찾아보긴 했는데 팀장님이 튜터님께 물어보고 설명 남겨주셨다.

 

간단하게 말하면 forEach는 배열 요소에 대해 주어진 함수를 실행해주지만 무언갈 반환해주지 않는다.

map은 return값을 반환해준다.

 

4. querySelector, getElementby 차이

보면서 이게 뭔 차인고... 했는데 getElementby 함수가 속도도 빠르고 리소스도 덜 먹는다는 장점이 있다고 한다.

querySelector는 특정 태그를 찾을 때 사용하는데 요즘은 크롤링 전용 태그라고...

 

그리고 탑버튼을 넣었다.

 

글이 길어지니까 뭔가 허전한 늑낌? 있어야 될 것 같은 느낌?

 

탑버튼은 또 어떻게 넣어야 하지... 찾아보다가 간단한 방법을 찾았다.

 

진짜 진짜 간단한...

 

포지션은 일단 fixed로 고정해줬고,

 

 

window.onscroll = function () {

  document.getElementsByClassName('.btn_gotop').addEventListener('click', function (e) {

    e.preventDefault();

    window.scrollTo({ top: 0, behavior: 'smooth' });

  });

}

짠

 

window.onscroll은 스크롤바를 움직일 때 이벤트를 실행하고,

scrollTo는 특정 위치로 이동시켜준다.

behavior은 보는 그대로~ 스무스하게 이동시켜준다.

 

til은 이정도로 간단하게 쓰고... 코드 좀 더 고치고 push하고 자야겠다.