자바스크립트>
-DOM (document object model) manipulation
예) 웹사이트에 있는 돔트리 중에서, 특정한 버튼을 찾아서 ,
버튼의 색깔을 바꾸고, 크기를 조정하고 이런것들이다.
-백엔드와 커뮤니케이션할 수 있는 Fetch API / Ajax(XHR)
-호이스팅 / 이벤트 버블링 / 스코프 / 프로토타입 / 쉐도우 돔 / Strict / 브라우져 동작원리 / DNS / HTTP
———————————————
타입스크립트
자스 위에 타입 safety가 더올려진 언어입니다.
그말은
자바스크립트는 타입이 다이나믹해서,
타입이 safety하지가 않습니다.
즉,
boolen으로 정의된 변수를, 나중에 string 변수에 할당할 수 있다는거죠.
그말은,
컴파일 시간에 그 에러가 걸리지 않고,
런타임에서 유저가 사용할때,
어플리케이션이 크러쉬되는
타입때문에 어플리케이션이 한순간에 날아가 버리는
그런 일이 발생할 수 있다.
그것을 방지하기 위해서 타입스크립트가 있다.
타입을 정해두면
그 타입이 컴파일링 시간에 검사가 되는 그런 강력한 언어입니다.
————————————
css
css로 스타일링을 하게 되면,
많은 것들이 반복되고, 여러가지 중복이 많이 발생하는데,
그때 sass / posts 같은 프레임워크를 이용해서,
css를 정말 간편하게 관리할 수 있다.
—————————————
css 아키텍쳐
css를 어떻게 잘 구조적으로 배치할 꺼에 대한 아키텍쳐가 있는데요,
BEM 에 대해 아티클 몇개는 한번 보면 도움됨
————————————
린터나 포매터는
인텔리제이는 다 들어있고,
VScode 쓰면,
prettier / ESLint 써봐라
————————————
모듈 / 번들러
-요즘엔 웹팩을 많이 사용하고 있는데,
웹팩은 코드를 배포할때,
사용자가 개발자가 쓴 코드를 다 다운 받으려면, 너무 크니까
그것을 간편하게 압축하고, 이름을 minify해서,
최대한 사이즈를 작게 해주는,
그런 프레임 워크이다.
————————————————
프레임워크
리액트 + 모벡스 조합이 좋다.
참고로
리덕스는 스테이트가 헬이라서 어렵..힘들다.
———————————————
