[SummerGirlsDev]자바스크립트 스터디 4일차

Summer Girls Dev

4회차 (2021.06.27) 디스코드 화상채팅

5명 참여

쇼핑몰 미니 게임 프로젝트 코드 리뷰
- 파일 마지막에 개행을 해주지 않으면 파일이 끝난 거라고 인식하지 못하는 문제가 있어서 깃허브 파일 밑에 ⛔ 아이콘이 뜹니다. → EOL(End of Line) https://velog.io/@doondoony/posix-eol

button 태그는 어떤 경우에 사용하는지
- <a> 요소의 목적은 문서간의 url을 연결하는 것이기 때문에 다른 url로 연결하지 않고 javascirpt 동작만 줄 목적의 버튼이라면 <button type="button">을 사용하는 게 맞다.
- <button>의 기본 타입은 submit으로, form 태그 안에서 사용하면 input에 입력된 데이터를 서버로 제출하는 역할을 한다. <input type="submit">와 같은 역할을 하는데, input은 빈 태그이기 때문에 자식 요소를 가질 수 없다는 한계가 있어 button 요소는 디자인적으로 더 다양하게 구현할 수 있다는 장점이 있다.
- 서버에 제출할 용도로 사용하는 것이 아니라면 <button type="button">으로 타입을 button으로 반드시 지정해줘야 합니다.
- 참고 링크 : https://nykim.work/96
function 예약어로 함수를 만들 때와 const 상수에 함수를 할당할 때의 차이점
- 함수 표현식이랑 함수 선언문의 차이
  
  참고 링크 : https://ko.javascript.info/function-expressions#ref-58
<a> 요소 안에 <img> 요소가 있을 때, <a>를 클릭하면 event.target은 <img>로 잡히는 문제
- button들을 묶는 섹션을 만들고 그 섹션에 addEventListener()를 걸어주면 된다.
- 버블링 캡쳐링
  
  참고링크: https://ko.javascript.info/bubbling-and-capturing