[TIL] 0108

 

개인과제 & 개인과제 리뷰 1

 

id : 한 가지 속성 값, #을 이용하여 지목

class : 여러 개의 속성 값, .를 이용하여 지목

 

container .innerHTML = ""; 

- container 의 정보를 비운다.

 

reset.css

- 브라우저마다 다를 수 있는 style 속성을 reset.css 를 이용하여 모든 style 속성을 초기화시킨다.

 

.prettier

- 저장버튼을 누르면 설정한 코드를 자동으로 수정 해주는 툴 

 * extension 에서 prettierr 다운

 * mac 기준으로 settings 설정을 복사해서 cmd + , 의 open settings 안에다 붙여넣으면 된다.

 

html 를 읽는 엔진은 파서 (parser) 이며, 문서를 위에서부터 아래로 쭉 읽는 행위를 파싱 이라고 한다. 

파싱이 되면 DOM tree 가 만들어지고 css 파일을 다운로드 받는다.

 

코딩은 semantic ( 의미론적인 ) 이 중요하다. 

변수 이름을 지을때도 단어만 보고 어떤 코드인지 유추할 수 있을 정도로 지어주는게 좋다.

 

form 함수는 무엇인가를 제출하는 형태이다. form 함수를 사용하여 input 을 감싸면 따로 검색버튼을 누르지 않고 enter 키 만으로 검색에 접근이 가능하다.

 

mac 기준 command 키 (윈도우는 Ctrl) 를 누르고 함수를 클릭하면 함수 안으로 들어갈 수 있다.

 

fetch 를 실행한 결과가 promise

 

HTML 의 elements 창에서 클릭한 것을 기억했다가 console 창에서 $0 만 치면 클릭한 속성에 접근할 수 있다.

 

snake_case 형태보다 camelCase 를 사용하는 것이 좋다. ex) all_movie_list / allMovieList

 

searchMovieList .length>0

? drawMovieList (searchMovieList)

: alert("검색 결과가 없습니다.");

 

 

 

git 복습

 

git init

git config user.name "깃허브 이름"

git config user.email "깃허브 이메일"

git add 파일명

git commit -m "유효한 업데이트 내용 작성" : 임시저장 같은 느낌

git log : 로그기록 확인가능

git remote add origin URL

(협업 시) git pull origin main : 다른 사람들이 push 한 코드 가져오기

git push origin main : 깃허브에 push