1st Week Assignment Feedback

0jiiino·2021년 7월 26일
0

TIL

목록 보기
2/3

🍒 1st Week Assignment Feedback

  1. html에서 id와 document.getElementById()는 요즘 잘 사용하지 않는다.
    따라서 class selector로 표현할 것을 권장한다.

  2. 배열처럼 참조(reference)에 의한 전달을 하는 경우에는 변수를 const로 선언하는 것이 일반적이다. 참조에 의한 전달을 하는 데이터 타입으로는 Object(Array, Function 포함)가 있다. 만약, 나중에 재할당이 필요해진다면 그 때 let으로 바꾸는 것을 추천.

    ✅ 값에 의한 전달을 하는 데이터 타입에는 'string, number, boolean, undefined, symbol, null'이 존재한다. 이러한 데이터 타입을 원시 타입(Primitive Type)이라고 하며, 원시 타입이 아닌 데이터 타입으로는 object가 있다.

    ✅ 기본형(원시 타입) 데이터는 모두 불변값이며, 참조형 데이터의 기본적인 성질은 보통 가변값이다. 그러나 설정에 따라 변경 불가능한 경우도 있고, 아예 불변값으로 활용하는 경우도 있다.

    ✅ object를 생성할 때, 변수는 직접적으로 값을 가지고 있지 않으며 메모리에서 객체의 위치를 참조한다. 따라서 객체는 참조에 의한 전달을 하는 것이다.

    ✅ 2개의 변수가 동일한 참조를 보유하는 경우, 객체를 변경하면 두 변수에 모두 반영이 됨. '===' 연산자의 경우, 객체를 비교할 때는 정확히 동일한 객체를 참조하는 경우에만 동일. 왜냐하면 객체는 주소값을 두 번을 참조하기 때문. 다른 변수에 같은 값을 가진 객체가 할당 되었다고 하더라도 === 연산자를 통해 비교하면 false.

  3. if else 문에 한 줄만 있어도 { } 사용.
    if 닫는 중괄호 옆에 한 칸 띄고 else 사용.

  4. 이벤트 리스너의 callback 인자로 넘겨주는 함수는 주로 'handle + 요소 변수명 + 이벤트 종류'와 같은 convention을 가짐
    -> ex) handleSendMessageBtnClick

  5. 변수 네이밍 할 때는 sendMessageButtonElement 처럼 명확하게 나타내주는 것이 필요.
    보통 DOM Element 네이밍은 $textForm과 같이 $ 기호가 앞에 붙거나, textFormElement와 같이 Element가 뒤에 붙는 것이 일반적.

  6. 파일의 끝은 항상 개행.
    파일 끝에 줄 바꿈이 있으면 파일을 연결할 수 있기 때문. 줄 바꿈을 놓치면 파일을 연결할 때 두 번째 파일의 첫번째 줄이 첫 번째 파일의 마지막 줄 끝에 같은 줄에 위치하게 됨.

  7. 코드의 일관성과 코딩 스타일을 위해 string 표현은 '' 나 "" 둘 중 하나로 맞추기

  8. 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 --내용--

    위치 선정 > 윤곽 > 외곽 디테일링 > 채색 > 타이포그래피 와 같이
    밖에서부터 안쪽으로의 흐름.

🎁 참조 및 출처

profile
무엇이든 할 수 있고, 무엇이든 될 수 있는

0개의 댓글