[TIL] 2021.05.22

배운 점

 

드림코딩 엘리님의 쇼핑몰 미니게임 클론코딩 진행중

 

CSS의 각종 기능들에 감탄! 신기방기

/* height: 100vh; // 100퍼
display: flex; // 박스? 한줄로 정렬. 기본값 row?
flex-direction: column; // 세로 정렬
justify-content: center; // 수평정렬
align-items: center; // 반대축 정렬 */

/* cursor: pointer; // 마우스 포인터 손모양 변경
transition: transform 300ms ease; // 애니메이션 주기~?
.logo:hover {transform: scale(1.1);} // 마우스 올렸을때 커지게 하기! */

/* background-color: transparent; // 투명! */

/* list-style: none; // list 동그라미 없애기 */
/* overflow-y: scroll; // 축에 따른 스크롤 기능! */

 

GET : 통상적으로 데이터 조회(read)를 요청할 때

 - 데이터 전달 : URL?key=value

POST : 통상적으로? 데이터 생성(create), 변경(update), 삭제(delete)를 요청 할 때

 - 데이터 전달 : 바로 보이지 않는 HTML body에 key:value 형태로 전달

 

아쉬운 점

 

fetch 에 대하여 공부 필요!

 

토씨 하나 다르지 않은 코드가 내 컴퓨터에서만 에러가 난다.

동생 컴퓨터로는 이상이 없는데...

 

TypeError: Cannot read property 'addEventListener' of null
    at setEventListeners (main.js:33)
    at main.js:40

 

도무지 이유를 모르겠다!!!