딥 다이브62 [JS 스터디 1기] - 열두 번째 미팅 (마지막) 2022.01.30.일 오프라인으로 JS 스터디 열두 번째 (마지막) 미팅을 했습니다. 러닝 리액트 3장까지의 내용을 기반으로 JS 총 정리와 함수형 자바스크립트 패턴에 대해서 화이트보드를 이용하여 공유했습니다. 이후 약 3시간이 남아서 남는 시간 동안 컴퓨터 사이언스 이론 몇 가지랑 자료구조, HTML, JS 복습, 개발 프로세스 등 여러 부분에 대한 내용도 공유했습니다. 이렇게 해서 자바스크립트 스터디는 끝이 났습니다. 약 2달 동안 정말 고생 많으셨고 저를 믿고 끝까지 함께 해주셔서 감사드립니다. 모두 다 좋은 개발자로 성장하실 거라 확신하고 끝까지 포기하지 않고 하셨으면 좋겠습니다. 힘든 일이 있으시거나 궁금한 점이 있으시면 언제나 편하게 말씀해주세요. 다들 정말 감사드립니다. 😄 2022. 1. 30. [JS 스터디 1기] - 열한 번째 미팅 2022.01.29.토 오프라인으로 JS 스터디 열한 번째 미팅을 했습니다. 4시간 스터디를 진행해서 딥 다이브 DOM/Event부터 비동기, 그리고 마지막 49장 바벨과 웹팩까지 모두 진도를 다 나가고 간단히 정리까지 했습니다. 정말 빠르게 핵심과 개념을 짚어드리면서 진도를 빡세게 끝까지 모두 나갔는데 정말 힘들었지만 끝까지 마무리할 수 있어서 너무 다행이고 좋습니다. 내일 하루 스터디 4시간이 남았는데 남은 하루는 리액트를 위한 함수형 자바스크립트 패턴과 간단히 리액트 맛보기를 설명드리고 끝낼 예정입니다. 그동안 정말 힘드셨을텐데 스터디원분들 모두 함께 끝까지 해주셔서 감사드립니다. 다시 한번 정말 감사드립니다! 정말 좋은 개발자로 성장하기 위해 스터디 종료 이후에도 다들 화이팅입니다. 😀 2022. 1. 29. [모던 JS Deep Dive] 49장 - Babel과 Webpack을 이용한 ES6+/ES.NEXT 개발 환경 구축 (마지막) 49.1 Babel - Babel 설치 - Babel: ES6+/ES.NEXT로 구현된 최신 사양의 소스코드를 ES5 사양의 소스코드로 변환(트랜스파일링) - npm을 사용하여 Babel 설치 - Babel 프리셋 설치와 babel.config.json 설정 파일 작성 - Babel 프리셋: 함께 사용되어야 하는 Babel 플러그인을 모아 둔 것 - 트랜스파일링 - npm scripts에 Babel CLI 명령어 등록 - Babel 플러그인 설치 - 브라우저에서 모듈 로딩 테스트 49.2 Webpack - Webpack 설치 - Webpack: 의존 관계에 있는 JS, CSS, 이미지 등의 리소스들을 하나 또는 여러 개의 파일로 번들링하는 모듈 번들러 - babel-loader 설치 - babel-loa.. 2022. 1. 27. [모던 JS Deep Dive] 48장 - 모듈 48.1 모듈의 일반적 의미 - 모듈: 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각 - 모듈은 자신만의 파일 스코프(모듈 스코프)를 가질 수 있어야 함 - 모듈은 개별적 존재로서 애플리케이션과 분리되어 존재함 - 모듈은 공개가 필요한 asset에 한정하여 명시적으로 선택적 공개 가능 => export - Module Consumer는 모듈이 export한 asset의 일부 또는 전체를 선택해 자신의 스코프 내로 불러들여 재사용 가능 => import - 코드의 재사용성, 유지보수성 48.2 자바스크립트와 모듈 - 브라우저; 모든 JS는 하나의 전역을 공유 - CommonJS, AMD(Asynchronous Module Definition) - Node.js; 모듈 시스템 지원, 파일별.. 2022. 1. 27. 이전 1 2 3 4 ··· 16 다음 반응형