🍒 1st Week Assignment Feedback
-
html에서 id와
document.getElementById()는 요즘 잘 사용하지 않는다.
따라서 class selector로 표현할 것을 권장한다.
-
배열처럼 참조(reference)에 의한 전달을 하는 경우에는 변수를 const로 선언하는 것이 일반적이다. 참조에 의한 전달을 하는 데이터 타입으로는 Object(Array, Function 포함)가 있다. 만약, 나중에 재할당이 필요해진다면 그 때 let으로 바꾸는 것을 추천.
✅ 값에 의한 전달을 하는 데이터 타입에는 'string, number, boolean, undefined, symbol, null'이 존재한다. 이러한 데이터 타입을 원시 타입(Primitive Type)이라고 하며, 원시 타입이 아닌 데이터 타입으로는 object가 있다.
✅ 기본형(원시 타입) 데이터는 모두 불변값이며, 참조형 데이터의 기본적인 성질은 보통 가변값이다. 그러나 설정에 따라 변경 불가능한 경우도 있고, 아예 불변값으로 활용하는 경우도 있다.
✅ object를 생성할 때, 변수는 직접적으로 값을 가지고 있지 않으며 메모리에서 객체의 위치를 참조한다. 따라서 객체는 참조에 의한 전달을 하는 것이다.
✅ 2개의 변수가 동일한 참조를 보유하는 경우, 객체를 변경하면 두 변수에 모두 반영이 됨. '===' 연산자의 경우, 객체를 비교할 때는 정확히 동일한 객체를 참조하는 경우에만 동일. 왜냐하면 객체는 주소값을 두 번을 참조하기 때문. 다른 변수에 같은 값을 가진 객체가 할당 되었다고 하더라도 === 연산자를 통해 비교하면 false.
-
if else 문에 한 줄만 있어도 { } 사용.
if 닫는 중괄호 옆에 한 칸 띄고 else 사용.
-
이벤트 리스너의 callback 인자로 넘겨주는 함수는 주로 'handle + 요소 변수명 + 이벤트 종류'와 같은 convention을 가짐
-> ex)handleSendMessageBtnClick
-
변수 네이밍 할 때는
sendMessageButtonElement처럼 명확하게 나타내주는 것이 필요.
보통 DOM Element 네이밍은$textForm과 같이 $ 기호가 앞에 붙거나,textFormElement와 같이 Element가 뒤에 붙는 것이 일반적.
-
파일의 끝은 항상 개행.
파일 끝에 줄 바꿈이 있으면 파일을 연결할 수 있기 때문. 줄 바꿈을 놓치면 파일을 연결할 때 두 번째 파일의 첫번째 줄이 첫 번째 파일의 마지막 줄 끝에 같은 줄에 위치하게 됨.
-
코드의 일관성과 코딩 스타일을 위해 string 표현은 '' 나 "" 둘 중 하나로 맞추기
-
css 작성 시, 규칙 순서대로 작성 요함.
1) display--객체의 노출여부/표현방식--
2) list-style
3) position--위치/좌표--
4) float
5) clear
6) width / height--크기/여백--
7) padding / margin
8) border / background--윤곽/배경--
9) color / font--글자/정렬--
10) text-decoration
11) text-align / vertical-align
12) white-space
13) other text
14) content--내용--위치 선정 > 윤곽 > 외곽 디테일링 > 채색 > 타이포그래피와 같이
밖에서부터 안쪽으로의 흐름.
🎁 참조 및 출처
