목록콤퓨타 왕기초/JS (11)
파게로그
* 변수 선언 기존엔 var 사용. 함수 스코프. 호이스팅 가능. 최근엔 const, let 사용. 블록 스코프. 호이스팅 불가. * 자료형 list: Python list와 유사. object: Python dict와 유사. key-value 쌍이며, [objectName].[key]로 참조. * 콘솔 출력 console.log() console.log(name, 'is', age, 'years old.') console.log(name+'is'+age+'years old.') console.log(`{name} is {age} years old.`) * 반복문 console.log('In for'); for (let i = 0; i < 10; i++) { if (i == 0) { continue; }..
Frontend - UI, UX 등 - HTML, CSS, JS - HTML로 틀을 잡는다. - CSS로 스타일링한다. - JS로 user와의 상호작용을 정한다. - 바닐라를 먼저 하고 그 다음 라이브러리를 익힌다. - 정적 사이트 vs SPA(Single page application) - SPA Frameworks(JS): Angular, React, Vue Backend - server, DB 등 - user↔server↔DB - DBs: MySQL, Postgres, MongoDB, Redis, Cassandra, ... - Frameworks: Express(JS), Django(Python), Flask(Python), Spring(Java), Laravel(PHP), Rails(Ruby), ..
HTML와 CSS를 공부한 후 JS 문법을 공부한다. CSS에서는 Flex box에 초점을 두고, CSS가 커지면서 지저분해지면 SASS, PostCSS를 배운다. JS를 공부하면서는 DOM 개념을 익히고, API, Ajax 등에 대해 학습한다. 런타임에서 type 충돌이 자주 발생하는 JS를 보완하여 컴파일 시 type safety를 보장해 준다는 TypeScript도 있다고 하니 배워두자. Module bundler인 Webpack을 배워두면 좋다고 하고, 프레임워크의 조합으로는 React + MobX를 추천한다고 한다. *웹 개발 개념 정리 YouTube: 노마드 코더 https://www.youtube.com/watch?v=pEE_uJ-joUA YouTube: 테크보이 워니 https://www...