Front-End/JavaScript

JS 공부일지 6.2

CODE_PLAN 2023. 6. 2. 21:53

참조카운트가 0인 애들은 가비지 컬렉터가 다 수거해가면서 메모리 공간확보함 

렉시컬, 스코프?

 

- ctrl +b  = 왼쪽 기능창 켰다 끄는법 (vscode에서)

- 클로저특징 - > 항상 함수의 정의하고 괄호 열고 닫고에 그런 모습들이 많이나옴

 이런 모습들이 나온다 -> 클로저라고 생각하는 습관이 중요 

- 즉시 실행함수 -> (function() { 

 

}) 이런 부분 

.prettirc 참고 
html parser

시맨틱코드-> 미리 예측가능
코드리뷰 => 하나하나 자세히 ㅂ기x
ctrl 마우스 온쪽-> 코드 따라가게됨 

.then .then -->체이닝 
(promise 문법),
구조분해할당 
-> 미리 구조분해할당 
 콘솔창에 ==$0

asyc-> return값 항상 promise?
form 태그 -> 전체 선택
filter,map => 리턴 항상 배열 
리액트는 내부적으로 addevntlistner처리함 
바닐라 일떄는 addeventlisner가남 onclick= “like()”보다 
snake_case 파이썬 
js는 변수나 함수명 -> camelCase를씀  
-> allMovieList _ 이런거말고 
getElents -<
클래쓰가지는 camel 클래스 ㄴ  movie-list이런식 

! vs html5 vscdoe에서 
<script type='module' 쓰면 지연알아서 해줌?>
자바스크립트 번들러 webpack , parcel?
바닐라 자바스립트는 확장자명까지 다써줘야함 
<script 태그의 defer하면 다끝나고 실행됨>
<script> 태그 여러개  3개 쓰면 오류남 변수여러개랑 똑같
코드보고 예측가능 
join('')-> 으로 string이 됨 
이벤트 위임  <-버블링때문에 가능 ?

안되는것부터 조건문먼저 쓰고 
되는건 마지막에 쓰는게 좋음 
메모리절약 -부모에 쓰는것